JS数组遍历常用方法总结

arr.some(item,index,array)

用法：检测数组中的元素是否满足指定条件

参数：
1. item：数组中正在处理的元素。
2. index：数组中正在处理的元素的索引值。(可选)
3. array：被遍历的数组。

执行：依次检测数组中每一个元素是否符合给定函数的条件，返回布尔值，不会对空数组处理，不改变原数组

返回：
1、如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
2、如果没有满足条件的元素，则返回false。

注意：有一个满足就返回true，不再继续执行

// 举例：检测是否存在大于18的元素
var ages = [3, 10, 18, 20];
console.log(ages.some((item,index) => item > 18)) // true

arr.every(item,index,array)

用法：依次检测数组中每一个元素是否符合给定函数的条件，返回布尔值，不会对空数组处理，不改变原数组

参数：
1. item：数组中正在处理的元素。
2. index：数组中正在处理的元素的索引值。(可选)
3. array：被遍历的数组。

返回：所有元素都满足才返回true

注意：所有元素都满足才返回true，否则就是false

arr.reduce(callback,[initialValue])

用法：对数组中的每一个元素依次进行回调函数的方法，返回最终的值

callback参数：
1.total 必选 --上一次调用回调返回的值，或者是提供的初始值（initialValue）
2.currentValue 必选 --数组中当前被处理的数组项
3.currentIndex 可选 --当前数组项在数组中的索引值
4.array 可选 --原数组
initialValue：可选。初始值(作为第一次调用 callback 的第一个参数)

返回：从左到右依次遍历item，直至缩减到最后一个值

注意：最终的值

let arr = [1,2,3,4,5,6,7,8,9,10]
let allsum = arr.reduce((total,currentValue)=>{
    return sum += currentValue
},100)
console.log(allsum) //155

arr.find(callback)

返回：找到第一个符合条件的数组成员，就停止

let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1)   // 3

arr.findIndex(callback)

返回：找到第一个符合条件的数组成员的索引值

let arr = [1,2,3,4,5]
let arr1 = arr.findIndex((value, index, array) => value > 3)
console.log(arr1)  // 3

arr.includes()

用法：判断数中是否包含给定的值

let arr = [1,2,3,4,5]
let arr1 = arr.includes(2)  
console.log(arr1)   // true
let arr2 = arr.includes(9) 
console.log(arr2)    // false
let arr3 = [1,2,3,NaN].includes(NaN)
console.log(arr3)  // true

与indexOf()的区别：
1 indexOf()返回的是数值，而includes()返回的是布尔值
2 indexOf() 不能判断NaN，返回为-1 ，includes()则可以判断

arr.filter()

用法：把传入的函数依次作用于每个元素，然后根据返回值是 true 还是false决定保留还是丢弃该元素。

参数：
1.item 数组的每一个元素

返回：返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

// 在一个Array中，删掉偶数，只保留奇数
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
 	return x % 2 !== 0;
});
console.log(r); // [1, 5, 9, 15]

// 删除Array中的空字符串
var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(function (s) {
 	return s && s.trim(); // 注：IE9(不包含IE9)以下的版本没有trim()方法
});
arr; // ['A', 'B', 'C']

// 去除Array的重复元素
// 去除重复元素依靠的是 indexOf 总是返回第一个元素的位置，后续的重复元素位置与 indexOf 返回的位置不相等，因此被 filter 滤掉了
var r,
 arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
r = arr.filter(function (element, index, self) {
 return self.indexOf(element) === index;
});
console.log(r.toString()); // apple,strawberry,banana,pear,orange

注意： filter() 不会对空数组进行检测，不会改变原始数组