美文网首页
js数组遍历 常用函数总结

js数组遍历 常用函数总结

作者: 博来不惊 | 来源:发表于2018-02-02 10:05 被阅读0次

    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数组遍历 常用函数总结

          本文链接:https://www.haomeiwen.com/subject/msyszxtx.html