美文网首页
JavaScript中的迭代方法

JavaScript中的迭代方法

作者: hunter97 | 来源:发表于2018-11-06 17:13 被阅读0次

            前面写过一篇文章是关于js遍历数据的,这段时间看一篇关于JavaScript中的迭代方法感觉不错也挺实用的,给大家推荐一下。
            ECMAScript5为数组定义了5个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象(即影响this的值)。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用方法的不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。这5个迭代方法是:

    • every():对数组中的每一项运行给定的函数。如果该函数对每一项都返回true,则返回true。
    • filter():对数组中的每一项运行给定的函数,返回该函数会返回true的项组成的数组。
    • forEach():对数组中的每一项运行给定的函数。该方法没有返回值。
    • map():对数组中的每一项运行给定的函数,返回每次函数调用的结果组成的数组。
    • some():对数组中的每一项运行给定的函数,如果该函数对任一项返回true,则返回true。
              以上所有的方法都不会修改数组中包含的值。
      一、 every()方法与some()方法
              every()和some()非常相似,它们都用于查询数组中的项是否满足某个条件。对于every()方法来说,传入的函数必须对每一项都返回true,这个方法才返回true。否则,它就返回false。而some()方法则是只要传入的函数对数组的某一项返回true,就会返回true。例如:
    var nums = [1,2,3,4,5,4,3,2,1];
    var result = nums.every(function(item, index, array){
      return (item > 2);
    })
    console.info(result);
    

            上面的代码会在控制台中打印false。

    var nums = [1,2,3,4,5,4,3,2,1];
    var result = nums.some(function(item, index, array){
      return (item > 2);
    })
    console.info(result);
    

            上面的代码会在控制台中打印true。
    二、 filter()函数
            filter()函数利用指定的函数确定是否存在返回的数组中包含某一项。例如,要返回一个所有数值都大于2的数组,可以使用下面的代码:

    var nums = [1,2,3,4,5,4,3,2,1];
    var result = nums.filter(function(item, index, array){
      return (item > 2);
    })
    console.info(result);    // [3,4,5,4,3]
    

            上面的代码通过调用filter()方法返回包含3,4,5,4,3的数组。这个方法对于查询符合某些条件的所有数组非常有用。
    三、 map()方法
            map()方法也返回一个数组,而这个数组的每一项都是在原始数组中的对应项上运行传入函数的结果。例如,可以给数组中的每一项都乘以2,然后返回这些乘积组成的数组:

    var nums = [1,2,3,4,5,4,3,2,1];
    var result = nums.map(function(item, index, array){
      return item * 2;
    })
    console.info(result);    // [2,4,6,8,10,8,6,4,2]
    

            map()方法适合用于创建包含的项于另一个数组一一对应的数组。
    四、 forEach()方法
            forEach()方法只是对数组中的每一项运行传入的函数。这个方法没有返回值,本质上于使用for循环迭代数组是一样的。看下面的例子:

    var nums = [1,2,3,4,5,4,3,2,1];
    nums.forEach(function(item, index, array){
      //执行需要的操作
    })
    

            js中的这些数组方法通过执行不同的操作,可以大大的方便处理数组的任务。

      支持这些迭代方法的浏览器有:IE9+,Firefox2+,Safari3+,Opera9.5+和Chrome。
    ------------------------------------------------------------------------------------------------------------------------------------转自jQuery之家

    相关文章

      网友评论

          本文标题:JavaScript中的迭代方法

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