数组的迭代方法

数组的迭代方法：

• forEach(callbackfn)

  • 参数说明：callbackfn 回调函数；该回调函数最多可以接收三个参数，分别是：value,index,arr

  示例：

          arr.forEach(function (value) {//推荐
              console.log(value);
              return;
          })

  注意：forEach不能被return打断

• some(callbackfn) 遍历数组，判断数组中是否有元素满足条件;有一个满足，返回true，都不满足，返回false

  • 参数：回调函数；该回调函数最多可以接收三个参数，分别是：value,index,arr

  示例：

          var arr = [10, 201, 301, 1000];
          var rst = arr.some(function (v) {//v 数组中的每个元素
              return v > 200;
          });

• every() 遍历数组，判断数组中是否每一个元素都满足条件;满足返回true;有一个不满足则返回false

  示例：

          var rst=arr.every(function(value){
              return value>200;
          })

• map() 遍历数组；返回的结果会组成一个新的数组返回

示例：

     //4.4  map 遍历数组，为每一个元素都进行操作之后，返回由新元素组成的数组
        // var arr = [10, 20, 30, 900];
        // var arr0=arr.map(function(v){
        //     return v+10;
        // })
        // console.log(arr0);

• filter() 遍历数组;将数组中满足过滤条件的元素返回，组成新数组

  示例：

          var arr = [10, 20, 30, 40, 100, 99];
          var arrx = arr.filter(function (v, i) {
              // console.log(v,i);
              return v > 60;//条件
          });
  ​
          console.log(arrx);

• arr.reduce(callbackfn,initvalue) 返回累加结果

  • 参数说明：callbackfn 回调函数 initvalue 回调函数第一个参数的初始值

    • 用法一：initvalue没有赋值，

      • 回调函数第一次执行的时候，第一个参数的值为数组的第一个元素，第二个参数的值为数组的第二个元素

      • 非第一次遍历，则回调函数的第一个参数为上一次累加的结果，第二个参数为当遍历的元素

             var arr=[11,22,55,200,300];
             //累加器
             var sum=arr.reduce(function (a, b) {
                 // console.log(a, b);
                 // return a+b;
                 return a*b;
             });

    • 用法二：initvalue有初始值

      • 遍历时，回调函数的第一个参数为默认值，第二个参数为当前遍历的元素；依次类推

              let arr = [
                  { id: 1, name: "李逵", age: 30 },
                  { id: 2, name: "李四", age: 40 },
                  { id: 3, name: "李鬼", age: 50 },
                  { id: 4, name: "李某", age: 20 },
              ];
      ​
              let s = arr.reduce(function (s, item) {
                  return s += ` <li><span>${item.id}</span>---- <span>${item.name}</span> --- <span>${item.age}</span></li>`
              }, '')