ES5新增数组的方法

ES5新增数组的方法

ES5新增数组常见方法（indexOf／forEach／map／filter／some／every）

• .indexOf( data , start)
    检测数组中是否存在指定数据，存在返回索引，不存在返回-1，start表示从第几位开始查询。

demo：
    var arr = ["a","45",67,true,"hello",67,45,25,13,89];
    
    console.log(arr.indexOf(67));           // 2
    console.log(arr.indexOf("world"));      // -1
    console.log(arr.indexOf("a"));          // 0
    console.log(arr.indexOf(67,3));         // 5
    console.log(arr.indexOf(67,6));         // -1

 

• .forEach( function(val,idx,self){ } ); 循环，遍历数组
    数组的专属遍历方法，1个参数：回调函数，在回调函数身上又有三个参数

var f = arr.forEach(function(val,idx,self){
    // console.log(val);
    // console.log(idx);
})
console.log(f);         // undefined

 

• .map( function(val,idx,self){ } );
    不是专门用来遍历的，可是能够实现遍历，格式同forEach
    map的主要功能：能够用来获取数组中的数据，操做，并返回成新数组；原数组不变

demo：
    "函数中的三个参数分别表明，该项的值，该项下标，数组自己"
    var m = arr.map(function(val,idx,self){
        console.log(val,idx,self)
        return val + "ly";
    })
    console.log(arr);       // Array(10) [ "a", "45", 67, true, "hello", 67, 45, 25, 13, 89 ]
    console.log(m);         // Array(10) [ "aly", "45ly", "67ly", "truely", "helloly", "67ly", "45ly", "25ly", "13ly", "89ly" ]

 

• .filter( function(val,idx,self){ } )
    不是专门用来遍历的，可是能够实现遍历，格式同forEach
    主要功能：过滤，回调函数每次返回值为true时，会将这个遍历到的值放在新的数组中，在filter结束后，返回这个数组；若是为false，跳过；原数组保持不变

demo：
　　var f = arr.filter(function(val,idx,self){
    　　console.log(val,idx,self)
    　　return typeof val === "string";
　　})
　　console.log(f);     // Array(3) [ "a", "45", "hello" ]

 

• .some( function(val,idx,self){ } ) （课外补充）
    some意指“某些”，指是否“某些项”合乎条件。与下面的every算是好基友
    some存在一个值让callback返回true就能够了

demo1：
    // 效果是咱们断定这个数组是否有一个负数 使用.some
    var arr = [1,58,125,-12,458,12];
    var Boon = arr.some(function(e,i,arr){
      return e < 0;
    })
    console.log(Boon)      // ture
    
    var scores = [5, 8, 3, 10];
    var current = 7;
    
demo2：
    function fn(score) {
        return score > current;
    }
    
    if (scores.some(fn)) {
        console.log("经过了！");        // "经过了！
    }

 

• .every( function(val,idx,self){ } )
    全部函数的每一个回调函数返回true的时候才会返回true，遇到一个false的时候终止执行，返回false

demo1：
    // 效果是咱们断定这个数组全是正数 使用.every
    var arr = [1,58,125,-12,458,12];
    var Boon = arr.every(function(e,i,arr){
      return e > 0;
    })
    console.log(Boon)      //false

demo2：
    var scores = [5, 8, 3, 10];
    var current = 7;
    function fn(score) {
        return score > current;
    }
    if (scores.every(fn)) {
        console.log("经过了！");
    }else{
        console.log("没经过");          // "没经过"
    }