js数组迭代

1.Array.forEach()

该方法是为每个数组元素调用一次方法（回调函数）

 var a=[1,2,3,4,5];
    var txt="";
     function f1(value,index,array){
         txt=txt+value+"<br>";
//        txt=txt+index+"<br>";
//         txt=txt+array+"<br>";
    }
    a.forEach(f1);
    document.getElementById("demo1").innerHTML=txt;

该函数输出结果为：
1
2
3
4
5
该方法没有return返回值，但是可以通过原数组的索引来改造数组产生新数组
例如：

 var a = [10,34,57,43,76];
    var b = a.forEach(function (value,index,array) {
        array[index] =value*10;
    });
    console.log(b);//undefined
    console.log(a);//[100,340,570,430,760]通过数组索引产生新数组  

2.Array.map()

     var a=[1,2,3,4,5];
    function f1(value,index,array){
        return value*2;
    }
    document.getElementById("demo1").innerHTML=a.map(f1);
    console.log(a.map(f1));//[2,4,6,8,10] 类型为object

map()有返回值。且不会改变原数组

forEach()和map()共同点：
1，在执行匿名函数时都支持三个参数：value，index，array
2，都只能遍历数组；
3，匿名函数中的this指的是window对象；

3，Array.filter()

      var a=[1,5,7,3,7,9,0];
    function f1(value,index,array){
        return value>5;
    }
    console.log(a.filter(f1));//[7,7,9] 类型为object

该回调函数不用index和array，可以在函数里省略不写

4，Array.reduce()

给数组的每个元素上都运行该函数，以减少或生成单个值

   var a=[1,2,3,4,5,6,7];
    function f1(x1,value,index,array){
        return x1=x1+value;
    }
    console.log(a.reduce(f1));

reduc()用break方法中断是不行的，但是可以用index做判断进行中断

    var a=[1,2,3,4,5,6,7];
    function f1(x1,value,index,array){
       if(index>=2)array.splice(1);//
        return x1+value;
    }
    console.log(a.reduce(f1));

更多用法后续会再进行补充！

5.Array.every()

该函数用于检查所有数组值是否通过测试，返回结果是true或false

   var arr=[12,34,56.23,96,35];
    function a(value,index,array){
       return value>10;
    }
    console.log(arr.every(a));//true**

6.Array.some()

该方法用于检查数组中的值有没有符合测试条件的，返回结果是true或false

      var arr=[12,34,56.23,96,35];
    function a(value,index,array){
       return value>50;
    }
    console.log(arr.some(a));//true

7.Array.indexof()与Array.lastindexof()

这两个方法在数组中的应用与在字符串中的应用相同

     var astring=["apple","banana","mango","watermelon"];
   var button=document.getElementsByTagName("button")[0];
    var p=document.getElementById("demo1");
    button.onclick=function(){
        p.innerHTML="mango被找到的位置是："+astring.indexOf("mango",3)
    }//mango被找到的位置是：-1

8.Array.find()与Array.findIndex()

Array.find() 用于找数组中符合条件的所有数组值中索引最小的数组值
Array.findIndex() 用于找数组中符合条件的所有数组值中索引最小的数组值的索引

   var s=[12,45,23,73,85];
    function f(a,b,c){
        return a>23;
    }
    console.log(s.find(f));//45
    console.log(s.findIndex(f));//1