JavaScript中迭代方法

迭代方法

JavaScript中迭代方法有 every()，filter() ，forEach() ，map()，some()，即遍历数组的方法。

每个函数都有一个数组中的每一项都要调用的回调函数，回调函数中都可以传入三个参数，
第一个参数表示数组的每一项
第二个参数是数组中该项的索引值。
第三个参数是数组对象。

every(),对数组的每一项运行给定函数，如果每一项都返回 true，则返回 true
some()，对数组中的每一项运行给定函数，如果该函数对其中的任一项返回 true，则返回 true

/* every()和some()相似 ，都用于查询数组中的项是否满足某个条件*/
        var arr = [1,2,3,4,5];
        var result = arr.every(function(value,index,array){
            return (value>2);
        });
        console.log(result);//false
        
        var result = arr.some(function(value,index,array){
            return (value>2);
        });
        console.log(result);//true

filter(),对数组中的每一项运行给定的函数，返回该函数会返回true的项组成的数组

  /* filter()方法  适用于查询数组中符合条件的所有项*/
   		var arr = [1,2,3,4,5];
        var result = arr.filter(function(value,index,array){
            return (value>2);
        });
     console.log(result);//[3,4,5]

map(),对数组中的每一项运行给定的函数，返回每次函数调用的结果组成的数组

/* map() 适用于创建一个新数组，与旧数组一一对应 */
 		var arr = [1,2,3,4,5];
        var result = arr.map(function(value,index,array){
            return value*2;
        });
       console.log(result);//[2, 4, 6, 8, 10]

值得注意的是：

/* map()方法，数组中的空值不会执行回调函数。undefined会执行*/
        var newarr = [1,2,3,,5];
        var result = newarr.map(function(value,index,array){
            alert('我执行了');//执行了4次
            return value*2;
        });
        console.log(result);//[2, 4, 6, empty, 10]

forEach(),对数组中的每一项运行给定的函数，没有返回值，常用。

/* forEach() 相当于for循环对数组遍历，没有返回值。*/
		 var arr = [1,2,3,4,5];
        arr.forEach(function(value,index,array){
            //一些操作
        })

这些方法是数组方法。

/* 我们还可以这样用 */
var divarr = document.getElementsByTagName('div');
        console.log(Array.isArray(divarr));//false
        Array.prototype.forEach.call(divarr,function(value,index){
            value.onclick = function(){
                alert(index);
            }
        });

此外还有缩小方法，reduce() 方法和 reduceRight()方法

reduce()方法
从数组的第一项开始，遍历到数组的最后一项，数组中的每一项都会调用作为参数传递的回调函数

第一个参数，是一个回调函数，该函数可以有四个参数，前一个值，当前值，第二个参数项的索引，和数组对象。这个函数返回的每一个值都会作为 第一个参数传给下一项.

如果reduce()方法没有第二个参数，则回调函数中第一个参数是数组中的第一项，第二个参数是数组的第二项，接着遍历数组

如果有第二个参数，则第二个参数指定回调函数中的第一个参数，回调函数中第二个参数是数组的第一项，接着遍历数组

/* 传入一个参数*/
var arr = [1,2,3,4,5];
var result = arr.reduce(function(pre,cur,index,array){
                return pre +cur;
            });
console.log(result);//15
    /* 此例子中我们只给reduce()方法传入一个回调函数，所以第一次调用回调函数，pre=1，cur=2 ，
     * 第二次调用回调函数时，pre为第一次调用的返回值，此时pre=3，cur=3。
     */

 /* 传入两个参数 */
 var arr = [1,2,3,4,5];
  var result = arr.reduce(function(pre,cur,index,array){
                return pre +cur;
            },10);
  console.log(result);//25
  /*传入的第二个参数定义pre的初始值。然后遍历和一个参数时一样。*/

reduceRight()方法除了和reduce()方法遍历的方向不同，其它完全相同。从数组最后一项向第一项遍历
这两个方法像 map() 方法一样，不会对数组中的空值执行回调函数。