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

你可能感兴趣的:(js数组遍历 常用函数总结)