js 数组方法总结(快查)

1.判断是否是数组 Array.isArray(xxx)

const arr = []
console.log(Array.isArray(arr)); // true

2.数组末尾添加arr.push()，返回该数组的新长度. 该方法修改原数组

const arr = []
arr.push('xxx')

3.数组开头添加arr.unshift()，返回该数组的新长度. 该方法修改原数组

const arr = []
arr.unshift('xxx')

4.数组末尾删除一项arr.pop()，并返回删除元素. 此方法改变数组

const arr = []
arr.pop()

5.数组开头删除一项arr.shift()，并返回删除元素. 此方法改变数组

const arr = []
arr.shift()

6.arr.splice()，可对数组进行增删改操作. 此方法改变数组，返回被删除的元素组成的一个数组, 没有则返回空数组

const arr = []
arr.splice(a,b,c)//三个参数 a:开始操作的数组下标，b:操作长度，c:代替值。

7.数组截取片段arr.slice()，并返回截取元素数组. 此方法不改变数组

const arr = []
arr.slice(-2,-1)//参数2个，开始和结束下标，截取规则-左闭右开，示例：只截取倒数第二个

8.find((item,index,arr)=>{}),查找数组中第一个满足条件的元素，并返回该元素

let a=['a','b','c']
let b= a.find(item=>item=='b')
console.log(b)//b

9.findIndex((item,index,arr)=>{}),查找数组中第一个满足条件的元素，并返回该元素的索引，没有返回-1

let a=['a','b','c']
let b= a.find(item=>item=='b')
console.log(b)//1

10.indexOf() 判断数组中是否包含某个元素，有则返回第一次出现位置的索引，没有返回-1

let a=['a','b','c']
let b= a.indexOf('b')
console.log(b)//1

11.includes() 判断数组中是否包含某个元素，有则返回true，没有返回false

let a=['a','b','c']
let b= a.includes('b')
console.log(b)//true

12.filter((item,index,arr)=>{}), 返回一个满足条件的新数组

let a=['aa','b','cc']
let b= a.filter(item=>{
return item.length>1
})
console.log(b)//['aa', 'cc']

13.toString() 把数组转换成字符串, 并且使用 逗号 , 分隔每一项

let a=['a','b','c']
let b= a.toString()
console.log(b)//a,b,c

14.join() 把数组转换成字符串, 默认使用 逗号 , 分隔每一项，也可指定分隔符

let a=['a','b','c']
let b= a.join('')
console.log(b)//abc

15.every(function(){},thisArg) 方法用来测试数组中所有元素是否都能满足某个条件的测试, 返回布尔值.

let a=['aa','b','cc']
let b= a.every(item=>{
return item.length>1
})
console.log(b)//false

15.some(function(){},thisArg) 方法用来测试数组元素是否能满足某个条件的测试, 返回布尔值.有一个满足就返回true

let a=['aa','b','cc']
let b= a.some(item=>{
return item.length>1
})
console.log(b)//true

16.reverse() 数组反转

let a=['aa','b','cc']
let b= a.some(item=>{
return item.length>1
})
console.log(b)//true

17.sort() 数组排序，默认按照UTF-16 字符编码表排序，可接受函数，自定义排序,改变原数组

let a=[3,100,1]
let b= a.sort()//[1,100,3]  按字符表排序
let c= a.sort((a,b)=>{
return a-b
})//[1,3,100] 

18.reduce(),数组累计，accumulator：上一次的计算结果（有初始值就是初始值，没有就是数组第一项），currentValue：当前值，init：初始值，init可选

const arr = [1, 3, 5, 7, 9]
const init=0
const result = arr.reduce(function (accumulator, currentValue) {
    console.log(accumulator, currentValue);
    return accumulator + currentValue
},init)
console.log(result);

19.concat(arr1,arr2,…,arrN) 方法用于合并两个或多个数组. 此方法不会更改现有数组, 而是返回一个新数组.

const arr = ['1','3']
const arr2 = ['2','4']
const result = arr.concat(arr2)
console.log(result); //  ['1', '3', '2', '4']

20.数组的成员有时还是数组, Array.flat() 用于将嵌套的数组拉平, 变成一维的数组.参数决定拉平几层，默认一层

const arr = [1,2,[3,[4]]]
console.log(arr.flat()); // [1, 2, 3, [4]]
console.log(arr.flat(2)); // [1, 2, 3, 4]