js数组中容易误用的一些方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.every和some

两个方法的参数都是一个函数，函数的有3个参数，依次是当前值value，索引index，数组array

every判断数据中的每一项是否满足某个条件，如果满足就返回true，有一项不符合就返回false

var arr = [1,2,3]
var b = arr.every(function(value,index,arr){
if(value>2){
return true
}
})
console.log(b) // false

some判断数组中的某一项是否满足某个条件，如果满足就返回true，都不满足就返回false

var arr = [1,2,3]
var b = arr.some(function(value,index,arr){
if(value>2){
return true
}
})
console.log(b) // true

every和some返回的结果都是boolean值，而不是数组。

2. reduce

调用方式array.reduce(callback[, initialValue]); 对数组中的每一个元素（从左到右）执行callback函数累加，callback的参数有4个prev（数组第一个值或者出入的初始值initialValue） value(当前值)，index（当前值索引），arr（数组）

如果有初始值，reduce会从数组第一元素开始执行，callback会执行array.length次。如果没有初始值，reduce会从数组第二个元素开始执行，callback会执行array.length-1次。

有初始值

var arr = [1,2,3]
var sum = arr.reduce(function(prev,cur,index,arr){
console.log('index:',index,prev,cur)
return prev+cur
},0)
// 打印结果
// index: 0 0 1
// index: 1 1 2
// index: 2 3 3

无初始值

var arr = [1,2,3]
var sum = arr.reduce(function(prev,cur,index,arr){
console.log('index:',index,prev,cur)
return prev+cur
})
// 打印结果
// index: 1 1 2
// index: 2 3 3

3.indexOf 和 includes的区别

返回值不同：indexOf返回的是数值类型，而includes返回的是boolean值
对NaN的处理方式不同，
对稀疏数组的处理结果不同。

var a = [NaN]
console.log(a.indexOf(NaN)) // -1
console.log(a.includes(NaN)) // truevar b = [1,,3]
console.log(b.indexOf(undefined)) // -1
console.log(b.includes(undefined)) // true

4.find

调用方式 arr.find(callback[, thisArg])。find 方法对数组中的每一项元素执行一次 callback 函数，直至有一个 callback 返回 true。当找到了这样一个元素后，该方法会立即返回这个元素的值。callback 函数带有3个参数：当前元素的值、当前元素的索引，以及数组本身

var a = [1,2,3]
var b = a.find(function(value,index,arr){
return value > 1
})
console.log(b) // 2

find返回的是元素的值，而不是元素在数组中的索引，要返回数组的索引，使用findIndex