JS中的数组方法

JS中的数组方法总结

Array.push()

向数组的末尾添加一个或者多个元素，并返回新的长度 let arr =[1,2,3]; console.log(arr.push(6)) //打印结果为 4 console.log(arr) // 打印结果为 [1,2,3,6]

Array.pop()

删除数组的最后一个元素，并返回被删除的元素 let arr = [1,2,3]; console.log(arr.pop()); //打印结果 3 console.log(arr) // 打印结果 [1,2]

Array.unshift()

向数组的开头添加一个或多个元素，并返回新长度 let arr = [1,2,3]; console.log(arr.unshift(6)) //打印结果 4 console.log(arr) // 打印结果 [6,1,2,3]

Array.shift()

删除并返回数组的第一个元素 let arr = [1,2,3] console.log(arr.shift()) //打印结果 1 console.log(arr) //打印结果 [2,3]

Array.splice(a,b,c)

从下标为a的地方开始移除，移除b个，并把c放在被移除的位置，返回移除元素 let arr = [1,2,3] console.log(arr.splice(1,2,a)) //打印结果 [2,3] console.log(arr) //打印结果 [1,a]

Array.slice(a,b)

将数组中的一部分选取出来并返回成新数组，不改变原数组，不包括结束位置。该方法还可以操作字符串和substring()功能一样 let arr = [1,2,3,4] console.log(arr.slice(1,3)) //打印结果 [2,3] console.log(arr) //打印结果 [1,2,3,4]

Array.concat(arr1,arr2)

连接2个或者更多的数组，并返回连接后的新数组，该方法不会改变原数组 let arr1 = [1,2,3], arr2 = [4,5,6] let arr = arr1.concat(arr2) console.log(arr) // 打印结果 [1,2,3,4,5,6]

Array.join(分隔符)

将数组里的所有元素用分隔符连接成一个字符串，并返回该字符串，如不写参数则已逗号为分隔符 let arr = [1,2,3,4] console.log(arr.join()) //打印结果 “1,2,3,4” console.log(arr.join("+")) //打印结果 “1+2+3+4” console.log(arr) // 结果 [1,2,3,4]

Array.toString()

将数组用逗号连接作为字符串返回，和join()作用一样但是不能传参 let arr = [1,2,3] console.log(arr.toString()) //结果 “1,2,3”

Array.forEach(fn,[thisValue])

thisValue为fn中this的指向，对数组进行循坏遍历，fn可传三个参数fn(item,[index],[arr])，item为遍历过程中的当前元素，index为当前元素的下标，arr为原数组对象 let myArr = [1,2,3] myArr.forEach((item,index,arr)=>{ console.log(item,index,arr) }) /* 结果为 : 1,0,[1,2,3] 2,1,[1,2,3] 3,2,[1,2,3] */ myArr.fotEach(function(item,index,arr){ console.log(this) //结果为三个 {name:‘张三’} },{name:‘张三’})

注：箭头函数中无法改变this指向，因此如果想用thisValue参数必须使用function函数

Array.map()

对数组中的每个元素进行重新编辑，返回用编辑结果组成的新数组，传递的参数和forEach()一样 let arr = [1,2,3] let a = arr.map((item)=>{ return item+5 }) console.log(a) // 结果 [6,7,8]

Array.filter()

可以对数组进行过滤，返回过滤结果组成的数组，传递的参数和forEach()一样 let arr = [1,2,3] let a = arr.filter(item=>{ return item>2 }) console.log(a) //结果 [3]

Array.every()

用于检测数组中的每个元素是否符合某一条件，若全部符合返回true，否则返回false，传递的参数和forEach()一样 let arr = [1,2,3] let a = arr.every(item=>{ return item>2 }) console.log(a) //结果 false 1,2不大于2 let b = arr.every(item=>{ return item<4 }) console.log(b) //结果 true 都小于4

Array.some()

用于检测数组中是否有元素符合某一条件，若有返回true，否则返回false，传递的参数和forEach()一样 let arr = [1,2,3] let a = arr.some(item=>{ return item>2 }) console.log(a) //结果 true 3大于2 let b = arr.some(item=>{ return item>4 }) console.log(b) //结果 false 没有元素大于4

Array.reduce()

通过计算将数组计算为1个值，只执行arr.length-1次 arr.reduce(function(a,b,c,d)), 参数： a——初始值为数组第一个值，之后会赋值为每次循环的返回值 b——初始值为数组第二个值，之后为第三个，直到最后一个 c——b的下标 d——原数组 let arr = [1,2,3] console.log(arr.reduce(function(a,b,c,d){ return a+b })) //结果 6

Array.reduceRight()

将数组元素计算为一个值，和reduce()一样，只是循环方向相反从最后一个元素开始

Array.sort()

不传参默认按照UniCode码排序，也可以传参指定排序方法，arr.sort(fn(second,fitst))，该方法会改变原数组 let arr = [2,1,3] console.log(arr.sort((a,b)=>{ return a-b }))

//升序排列

console.log(arr.sort((a,b)=>{ return b-a }))

//降序排列

let arr1 = [ {name:‘张三’,age:19}, {name:‘李四’,age:17}, {name:‘王五’,age:20} ] console.log(arr1.sort((a,b)=>{ return a.age-b.age }))

/*结果为 [ {name:‘李四’,age:17}, {name:‘张三’,age:19}, {name:‘王五’,age:20} ] */

Array.reverse()

颠倒数组中的顺序，会改变原数组 let arr = [1,2,3] arr.reverse() console.log(arr) //结果 [3,2,1]

Array.find()

返回数组中符合条件的第一个元素，若数组中没有元素符合要求则返回undefined,不改变原数组 let arr = [1,2,3] console.log(arr.find((item)=>{ return item>1 })) //结果 2

Array.findIndex()

返回数组中符合条件的第一个元素的下标，若数组中没有元素符合要求则返回-1,不改变原数组 let arr = [1,2,3] console.log(arr.findIndex((item)=>{ return item>1 })) //结果 1

Array.includes()

判断数组是否含有某一个元素，有则返回true，没有则返回false，参数：第一个参数为查询的元素，第二个参数为查询的下标（可不填，负数为倒着数） [1,2,3].includes(2) // true [1,2,3].includes(0) // false [1,2,3].includes(2,1) // true [1,2,3].includes(2,2) // false

Array.indexOf()

查询某一元素的下标，若数组中没有该元素则返回-1，参数：第一个参数为查询元素，第二个参数为开始查询位置（选填） let arr = [1,2,3,4] console.log(arr.indexOf(2)) // 1 console.log(arr.indexOf(2,2)) // -1

Array.lastIndexOf()

查询某一元素的最大下标，若数组中没有该元素返回-1，参数：第一个参数为查询元素，第二个参数为查询结束位置的下标（选填） let arr = [1,2,3,4,2] console.log(arr.lastIndexOf(2)) // 4 console.log(arr.lastIndexOf(2,2)) // 1

Array.isArray()

判断对象是否为数组，是返回true，不是返回false let arr = [1],str=“1” Array.isArray(arr) //true Array.isArray(str) //false

Array.valueOf()

返回数组对象的原始值 let arr = [1,2,3] console.log(arr.valueOf()) //[1,2,3]

Array.entries()、Array.keys()、Array.values()

这三个方法都用于遍历数组，它们都返回一个遍历器对象，entries是对键值对遍历，values是对键值遍历，keys是对键名遍历 let arr = [“a”, “b”, “c”] let item = arr.entries() console.log(item.next().value) // [0, “a”] console.log(item.next().value) // [1, “b”] console.log(item.next().value) // [2, “c”] console.log(item.next().value) // undefined

let ikey = arr.keys() console.log(ikey.next().value) // 0 console.log(ikey.next().value) // 1 console.log(ikey.next().value) // 2 console.log(ikey.next().value) // undefined

let ivalue = arr.values() console.log(ivalue.next().value) // a console.log(ivalue.next().value) // b console.log(ivalue.next().value) // c console.log(ivalue.next().value) // undefined

Array.flat(num)

用于多维数组变成一维数组并返回，对原数组没有影响。num为转换的层数，若不确定可以写Infinity，会跳过空位 [1,2,[1,2]].flat() //[1,2,1,2] [1,2,[1,[1,2]]].flat(2) //[1,2,1,1,2] [1,[2,[3,4]]].flat(Infinity)//[1,2,3,4]

Array.flatMap()

相当于先对一个数组执行map方法，然后对返回结果再执行flat方法返回新数组，不改变原数组 [1,2,3].flatMap((item)=>{ return [item,item*item] }) //[1,1,2,4,3,9]

Array.fill()

将数组的内的元素用某一固定值代替，参数：第一个为代替值，第二个为开始下标，第二个为结束下标 let arr = [1,2,3] arr.fill(‘a’) console.log(arr) //[‘a’,‘a’,‘a’] arr.fill(1,1,2) console.log(arr) //[‘a’,1,1]

Array.copyWithin()

从数组的指定位置复制到数组的另一个位置，参数：第一个为复制到指定位置的下标，第二个为复制的开始位置，第三个为复制的结束位置（不包括该位置）。 let arr = [1,2,3,4] arr.copyWithin(2,0,2) console.log(arr) //[1,2,1,2]

Array.of()

用于构造数组 let arr = Array.of(1,2,3) console.log(arr) //[1,2,3]

Array.from()

使用方法如下 console.log(Array.from([1,2,3])) //[1,2,3] console.log(Array.from(“abcdef”)) //[‘a’,‘b’,‘c’,‘d’,‘e’,‘f’]