数组常用的方法

push()

将一个或者多个元素添加到数组末尾。

let arr = [1,2,3]
arr.push(4)
console.log(arr) // [1,2,3,4]
复制代码

shift()

删除数组内第一个元素，并返回删除元素的值。

let arr = [1,2,3]
let firstEl = arr.shift()
console.log(firstEl) // 1
复制代码

unshift()

将一个或者多个元素添加到数组的头部。

let arr = [2,3]
let newArr = arr.unshift(1)
console.log(newArr) // [1,2,3]
复制代码

pop()

删除数组内最后一个元素,并返回删除元素的值。

let arr = [1,2,3]
let popEl = arr.pop()
console.log(popEl) // 3
复制代码

reverse()

翻转数组,这个方法会返回翻转后的数组。

let arr = [1,2,3]
let reverseArr = arr.reverse()
console.log(reverseArr) // [3,2,1]
复制代码

filter()

这个方法会将满足条件的元素，放到一个新数组中返回。

let arr = [1,2,3,4,5]
let result = arr.filter(item => item > 3)
console.log(result) // [4,5]
复制代码

every()

返回一个布尔值，当数组满足条件返回true，不满足返回false。

let arr = [1,2,3,4,5]
let bool = arr.every(item => item > 0)
console.log(bool) // true
复制代码

map()

遍历元素，把每项执行一遍回调函数，最后会返回一个新数组。

let arr = [1,2,3,4,5]
let result = arr.map(item => item * 2)
console.log(result) // [2,4,6,8,10]
复制代码

forEach()

可以遍历数组

let arr = [1,2,3]
arr.forEach((item,index) => {
    console.log(item,index)
})

// 结果依次是
// 1 0
// 2 1
// 3 2
复制代码

reduce()

累加器，最终会返回回调函数的结果。

let arr = [1,2,3]
// 第一个形参是累加的总和，默认值是0
// 第二个形参是数组的每一项
let result = arr.reduce((total,item) => total + item, 0)
console.log(result) // 6
复制代码

splice()

通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容

let arr = [1,2,3,4,5]
// 第一个参数是要删除哪一个元素，需要用到这个元素的索引值
// 第二个参数是要删除的个数
// 第三个元素是要添加的元素或者叫做要替换的元素，可以继续写多个
arr.splice(3,1,7)
console.log(arr)
复制代码

concat()

连接两个数组称为新的数组。

let arr1 = [1,2,3]
let arr2 = [4,5,6]
let newArr = arr1.concat(arr2)
console.log(newArr) // [1,2,3,4,5,6]
复制代码

拓展

es6中提供的扩展运算符也可以连接两个数组成为一个数组。

let arr = ['a','b','c']
let arr1  = ['d','e','f']
// 通过 ... 将数组中的内容卸在原地
let newArr = [...arr,...arr1]
console.log(newArr) // ['a','b','c','d','e','f']
复制代码

indexOf()

查找数组中某个元素出现的位置，找到返回索引，找不到返回 -1。

let arr = [1,2,3]
let index = arr.indexOf(4)
console.log(index) // -1
复制代码

lastIndexOf()

查找数组中某个元素最后一次出现的位置，找到返回索引值，找不到返回-1。

let arr = [1,2,3,2,6,7]
let index = arr.lastIndexOf(2)
console.log(index) // 3
复制代码

findIndex()

循环遍历数组内的每一项，找到返回该元素首次出现的索引，找不到返回-1

let arr = [1,2,3,2,6,7]
let index = arr.findIndex(item => item === 2)
console.log(index) // 1
复制代码

join()

把所有元素连接成一个字符串并返回这个字符串。

let arr = ['Hello','world']
let str = arr.join()
let str1 = arr.join('?')
console.log(str) // Hello,world
console.log(str1) // Hello?world
复制代码

sort()

对数组进行排序，并返回排序后的数组。

let arr = [3,5,1,7,2,0,8]
arr.sort()
console.log(arr) // [0,1,2,3,5,7,8]
复制代码

数组排序公式

arr.sort((a,b) => a - b) // 正序
arr.sort((a,b) => b - a) // 倒序
复制代码

includes()

判断数组中是否存在某个元素，这个方法会返回一个布尔值，存在返回true，不存在返回false。

let arr = [1,2,3]
let result = arr.includes(5)
console.log(result) // false

作者：code_fly
链接：juejin.cn/post/699406… 来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。