关于js数组的常用方法的总结

1.concat()
合并数组，可以合并一个或多个数组，会返回合并数组之后的数据，不会改变原来的数组

 var str1= [12,2,"hello"]; var str2 = ["world"];var str3 = str1.concat(str2)console.log(str1)console.log(str2)console.log(str3)

2.join()
将数组转换为字符串并返回转化的字符串数据，不会改变原来的数组；

  var str1 = [12,3,4,5,"dscscc",124]console.log(str1.join('-'))

3.pop()
删除数组的最后一位，并返回删除的数据，会改变原来的数组

  var str1 = [12,2,"ewsdsd"]console.log(str1.pop())console.log(str1)

4.shift()
删除数组的第一位数据，并返回新数组的长度，会改变原来的数组

  var str1 = [12,33,3,2,5,65,"as"]console.log(str1.shift())console.log(str1)

5.unshift()
在数组的首位新增一个或多个数据，并返回新数组的长度，会改变原来的数组

 var str1 = ["1a",23,345,567,123,12,768]console.log(str1.unshift(2989))console.log(str1)

6.push()
在数组的最后一位新增一个或多个数据，并返回新数组的长度，会改变原来的数组
注意：push()方法返回的数据是新数组的长度，它增加的数据可以是一个也可以是多个

 var str1 = [12,2,"swef"]var str2 = [43,2,"test"]console.log(str1.push(str2))console.log(str1)

7.reverse()
将数组的数据进行反转，并且返回反转后的数组,会改变原数组

 var str1 = [12,"dds",123,567,68,56]console.log(str1.reverse())

8.sort()
对数组内的数据进行排序(默认升序)，并且返回排序过的新数组，会改变原来的数组

   var arr=[2,12,4,4,3,67,7]//普通写法function fn(a,b){return a-b}console.log(arr.sort(fn))// 箭头函数写法console.log(arr.sort((a,b) => a-b))

9.slice()
截取指定位置的数组，并且返回截取的数组，不会改变原数组
参数：slice(start,end),参数均可为负，含头不含尾

  var arr = ["T1","ds","ws","cc"]console.log(arr.slice(1,3

))

10.splice
向数组中添加，或从数组中删除，或替换数组中的元素，然后返回被删除/替换的元素
语法：splice(start,num,data1,data2...);所有参数全部可选
该方法会改变原数组

  var arr = ["dsc","dcsd","sdd","sazx","asa"]console.log(arr.splice(2,1,6,7,'a','b'));console.log(arr)

11.toString()
将数组转化为字符串,不会改变原数组

 var arr = [1,2,4,6,7]console.log(arr.toString())

12.valueOf()
返回数组的原始值，即数组自身

var str = [1,2,3,4]
console.log(str.valueOf())
console.log(str.valueOf() === str)

13.IndexOf()
根据指定的数据，从左向右，查询在数组中出现的位置，
如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引
参数:indexOf(value,start);
value为要查询的数据,start为可选值，表示开始查询的位置
当start为负数时，从数组的尾部向前数，如果查询不到value，则返回-1

 var str = ["d","e","a","w","g","q"]console.log(str.indexOf("a"))

14.lastIndexOf()15.forEach();
用来遍历数组，不会修改原数组
语法：arr.forEach(value,index,self)
value:遍历到的数组的数据  index:对应的索引  self:数组自身

 var arr = ["tom","dss","df","aw","as"];var a = arr.forEach(function(value,index,self){console.log(value + "--" + index + "--" + (arr ===self))})console.log(a)

16.map()
同forEach功能相同，将所有的执行结果组成新的数组返回,map方法需要return才有返回值
语法arr.map(function(value,index,self){})
callback默认有三个参数，分别为
eg:

  var arr = ["Tom","Jack","dcds","sds","wds"];var a = arr.map(function(value,index,self){console.log(value+"---"+index+"---"+self)return(value+"---"+index+"---"+self)})console.log(a)

17.filter()
语法：array.filter(function(currentValue,index,arr), thisValue)
参数含义同上
eg:
1.利用filter遍历出所有的偶数

 let arr = [55,65,23,56,53,1,32,343]let newArr = arr.filter((value,index,arr) => value % 2 === 0)console.log(newArr)

2.利用filter进行数组去重：

 function unique(arr) {return arr.filter((value,index,arr) => arr.indexOf(value,0) === index)}var arr = [1,1,"ds","ds",3,5,5,5,5,5]console.log(unique(arr))

3.筛选数组对象

let arr = [{a:'苹果',b:'桃子',c:'吃'},{a:'香蕉',b:'面包',c:'不吃'},{a:'香蕉',b:'苹果',c:'吃'},{a:'苹果',b:'菠萝',c:'不吃'},
]
console.log(arr.filter(item => item.a ==='苹果'))

4.去掉数组中不符合项

 var arr = [1,2,3,4,5,34,546,565]var newArr = arr.filter(item => item>40)console.log(newArr)

18.every()
判断数组中每一项是否都满足指定条件(该条件为一个函数)
every()方法会遍历数组中的每一项，如果有一项不满足条件，则表达式返回false
剩余的项将不会再执行检测，如果遍历完数组后，每一项都符合条件，则返回true
语法：array.every(function(currentValue,index,arr),thisValue)
第一个参数为一个回调函数，必传，数组中的每一项都会遍历执行该函数。
currentValue：必传，当前项的值
index：选传，当前项的索引值
arr：选传，当前项所属的数组对象
第二个参数thisValue为可选参数，回调函数中的this会指向该参数对象。
注意：
every()不会对空数组进行检测
every()不会改变原始数组
eg:

var arr = [100,200,300,400]
var flag = arr.every((a,b,c) => a>10)
console.log(flag)

19.some()
与every语法相似，不同的是，有一项为true，则返回true

 var arr = [100,200,300,400]var flag = arr.some((a,b,c) => a>10)console.log(flag)

区别：
some一直在找符合条件的值，一旦找到，则不会继续迭代下去。
every从迭代开始，一旦有一个不符合条件，则不会继续迭代下去。

20.reduce()
语法:
arr.reduce(function(prev,cur,index,arr){
...
}, init);
arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。
常用的参数是perv和cur
eg1:求数组项之和

 var arr = [3,4,6,2,56,6]var sum = arr.reduce((prev,curr)=>prev+curr,0)console.log(sum)

eg2:求数组项最大值

  var arr = [3,4,6,2,56,6]var max = arr.reduce(function(prev,curr){return Math.max(prev,curr)},[] )console.log(max)

// eg3:数组去重

var arr=[1,1,1,2,3,3,4,4,4,4,]
var newArr = arr.reduce(function(prev,curr){// prev代表初始值，初始值传入了一个数组// 当数组中不存在当前正在遍历的值时，将这个值添加到数组中，并且返回这个值prev.indexOf(curr) === -1 && prev.push(curr)return prev
},[])
console.log(newArr)

关于js数组的常用方法的总结相关推荐

js数组遍历常用方法 0802二
介绍:访问,获取数组所有元素或指定某项元素,并对数组元素进行一些操作方法一:for循环 // for循环最常见let arr = [1, 2, 3, 4, 5];for (let i = 0; i ...
JS中数组的常用方法（concat拼接，join修改间隔符，pop移除最后一个元素，push在数组最后添加新的元素，reverse反转数组元素，shift移除第一个元素，unshift添加，spli）
<html><head><title>js数组的常用方法</title><meta charset="UTF-8"/>& ...
JavaScript数组常用方法解析和深层次js数组扁平化
前言数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...
html编写数组求和,JS数组求和的常用方法总结【5种方法】
本文实例总结了JS数组求和的常用方法.分享给大家供大家参考,具体如下: 题目描述计算给定数组 arr 中所有元素的总和输入描述: 数组中的元素均为 Number 类型输入例子: sum([ 1, ...
史上最全 JS 数组常用方法总结.
文章目录 js数组常用方法总结判断是否为数组: Array.isArray() 1.0 数组新增or删除相关方法 push() 方法末尾添加 unshift() 方法开头添加 shift() 方 ...
JS数组、对象、字符串常用方法汇总
JS数组.对象.字符串常用方法汇总前言数组常用方法 Array.prototype.slice(start, end) Array.prototype.map() Array.prototype. ...
js数组常用方法总结(包括ES6)
目录 js数组方法 Array.push( ) Array.pop( ) Array.unshift( ) Array.shift( ) Array.concat(arr1,arr2...) Arra ...
JS基础-数组的常用方法（ES3）
数组的常用方法数组是一个复杂数据类型,我们在操作它的时候就不能再像基本数据类型一样操作了比如我们想改变一个数组 // 创建一个数组 var arr = [1, 2, 3] // 我们想把数组变成 ...
js数组、字符串的常用方法
一.数组的常用方法 1.toString() 把数组转换成一个字符串 2.join(分隔符) 把数组转成一个用符号连接的字符串(元素用过指定分隔符进行分隔) 3.shift() 把数组头部的第一个元素 ...

关于js数组的常用方法的总结

关于js数组的常用方法的总结相关推荐

最新文章

热门文章