javaScript數(shù)組迭代方法詳解

字號:


    本文為大家介紹了javaScript數(shù)組迭代方法,供大家參考,具體內(nèi)容如下
    每個方法都接收兩個參數(shù):要在每一項上運行的函數(shù)  和  (可選的)運行該函數(shù)的作用域?qū)ο蟆?BR>    傳入這些方法中的函數(shù)會接收三個參數(shù):數(shù)組項的值,該項在數(shù)組中的位置,數(shù)組對象本身。
    forEach()  對數(shù)組中的每一項運行 給定函數(shù)。該方法沒有返回值。
    every()  對數(shù)組中的每一項運行 給定函數(shù),如果數(shù)組的每一項都返回true,則返回true。
    some()  對數(shù)組中的每一項運行 給定函數(shù),如果數(shù)組的任意一項返回true,則返回true。
    fliter()  如果數(shù)組的每一項都返回true,則返回true。返回該函數(shù)會返回true的項組成的數(shù)組。
    map()  如果數(shù)組的每一項都返回true,則返回true。返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。
    請看以下例子:
    var numbers = [1,2,3,4,5,4,3,2,1];
    //every()
    var everyResult = numbers.every(function(item, index, array){
     return (item > 2);
    });
    alert(everyResult); //false
    //some()
    var someResult = numbers.some(function(item, index, array){
     return (item > 2);
    });
    alert(someResult); //true
    //filter()
    var filterResult = numbers.filter(function(item, index, array){
     return (item > 2);
    });
    alert(filterResult); //[3,4,5,4,3]
    //map()
    var mapResult = numbers.map(function(item, index, array){
     return (item * 2);
    });
    alert(mapResult); //[2,4,6,8,10,8,6,4,2]
    //forEach()
    numbers.forEach(function(item, index, array){
     alert(item);
    }); //多個彈窗分別顯示數(shù)組中的元素
    另一個javaScript數(shù)組迭代方法,如下:
    var arr = [3,4,5,6,7,"a"];
    var isNum = function(elem,index,AAA){
    return !isNaN(elem);
    }
    var toUpperCase = function(elem){
    return String.prototype.toUpperCase.apply(elem);
    }
    var print = function(elem,index){
    console.log(index+"."+elem);
    }
    /*對數(shù)組中的每一項執(zhí)行測試函數(shù),直到獲得對指定的函數(shù)返回 false 的項。 使用此方法 可確定數(shù)組中的所有項是否滿足某一條件,類似于&&的含義*/
    var res = arr.every(isNum);
    console.log(res);//false;
    /*對數(shù)組中的每一項執(zhí)行測試函數(shù),直到獲得返回 true 的項。 使用此方法確定數(shù)組中的所有項是否滿足條件.類似于||的含義*/
    res = arr.some(isNum);
    console.log(res);//true
    /*對數(shù)組中的每一項執(zhí)行測試函數(shù),并構(gòu)造一個新數(shù)組,返回 true的項被添加進新數(shù)組。 如果某項返回 false,則新數(shù)組中將不包含此項*/
    res = arr.filter(isNum);
    console.log(res);//[3, 4, 5, 6, 7]
    /*對數(shù)組中的每一項執(zhí)行函數(shù)并構(gòu)造一個新數(shù)組,并將原始數(shù)組中的每一項的函數(shù)結(jié)添加進新數(shù)組。*/
    res = arr.map(toUpperCase);
    console.log(res);//["3", "4", "5", "6", "7", "A"]
    /*對數(shù)組中的每一項執(zhí)行函數(shù),不返回值*/
    res = arr.forEach(print);
    console.log(res);
    //自己擴展
    /*Array.prototype.every = function(fun,obj) {
    var len = this.length;
    if (typeof fun != "function")
    throw new TypeError();
    for (var i = 0; i < len; i++) {
    if (!fun.call(obj,this[i], i,this))
    return false;
    }
    return true;
    };*/
    以上就是本文的全部內(nèi)容,希望對大家學習javaScript數(shù)組迭代方法有所幫助。