数组的一些方法整理

·  阅读 136

数组的一些方法整理 (正在更新 )

1 concat

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

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

image.png

2 findIndex

findIndex()方法返回数组中满足条件的第一个元素的索引,若没有元素满足就返回-1。不会改变原数组。

const arr = [1, 2, 3, 4, 5, 6, 7, 8]
let res = arr.findIndex(item => item >= 7)
console.log(res)
let res2 = arr.findIndex(item => item > 10)
console.log(res2)
复制代码

image.png

3 every

every()测试一个数组里是否所有的元素都符合条件,如果都符合,则返回true,不符合返回false。every不会改变原数组。

const arr1 = [1, 2, 3, 4, 5]
let res = arr1.every(item => item > 10)
let res1 = arr1.every(item => item >= 1)
console.log(res, res1)

const arr2 = []
console.log(arr2.every(item => item > 1))
复制代码

注意:如果数组为空数组,任何条件下都会返回true

image.png

4 join

join()方法会将数组中的所有元素连成一个字符串并且返回,如果数组只有一个项目,那么将返回该项目而不使用分隔符。

arr = [1, 2, 3, 4, 5]
arr1 = [null, 1, undefined, 1]
console.log(arr.join())
console.log(arr.join(''))
console.log(arr.join('-'))
console.log(arr1.join(''))
复制代码

如果一个元素为undefinednull,它会被转换为空字符串。

image.png

5 reduce

reduce()方法接收一个函数作为累加器
reduce参数

image.png

// 计算数组总和
arr = [1, 2, 3, 4, 5]
let res = arr.reduce((acc, item) => acc += item)
console.log(res)
复制代码

返回值:累计处理的结果

image.png
初始值为10的累加

image.png

分类:
前端
标签: