js数组遍历 常用函数总结

filter()

该方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

语法:

let new_arr = arr.filter(callback[, thisArg])

参数

callback

测试数组每个元素的函数，使用参数(element,index,array). 返回true,保留该元素，false则不保留.

thisArg：

可选，执行callback时用于 this 的值。

ES6：

 let [ . . . spread ] = [ 1, 2, 3, 4, 5]
 等价于
 let spread = 浅克隆( [ 1, 2, 3, 4, 5 ] )

描述：

filter 不会改变原数组，它返回过滤后的新数组。
返回值：一个新的通过测试的元素集合数组

实例：

function isBigEnough(element) {
      return element >= 10;
    }
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]

---

map()

该方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

语法：

let new_array = arr.map(function(currentValue, index, array){
      //元素处理
}[, thisArg ])

描述：

返回值：一个新数组，每个元素都是回调函数的结果
影响：不修改调用它的原数组（当然可以在callback执行时改变原数组）

实例：

let numbers = [1, 4, 9];
let roots = numbers.map(Math.sqrt);
// roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]

---

some()

方法测试数组中的某些元素是否通过由提供的函数实现的测试。

语法：

arr.some(callback( element, index, array ){
    ...
 }[, thisArg])

描述：

some 为数组中的每一个元素执行一次 callback 函数，直到找到一个使得 callback ,返回一个“真值”（即可转换为布尔值 true 的值）。如果找到了这样一个值，some 将会立即返回 true。否则，some 返回 false。
some 被调用时不会改变数组。

实例：

检测在数组中是否有元素大于10。

function isBigEnough(element, index, array) {
        return (element >= 10);
 }
var passed = [2, 5, 8, 1, 4].some(isBigEnough);
// passed is false
passed = [12, 5, 8, 1, 4].some(isBigEnough);
// passed is true

---

every()

该方法测试数组的所有元素是否都通过了指定函数的测试。

语法：

arr.every( callback( element, index, array ){
    ...
}[, thisArg])

描述：

every 方法为数组中的每个元素执行一次 callback 函数，直到它找到一个使 callback 返回 false（表示可转换为布尔值 false 的值）的元素。如果发现了一个这样的元素，every 方法将会立即返回 false。否则，callback 为每一个元素返回 true，every 就会返回 true。

every 不会改变原数组。

实例 ：

检测数组中的所有元素是否都大于10：

function isBigEnough(element, index, array) {
        return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
    // passed is false
    passed = [12, 54, 18, 130, 44].every(isBigEnough);
    // passed is true

---