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

字號(hào):


    本文為大家介紹了javaScript數(shù)組迭代方法,供大家參考,具體內(nèi)容如下
    每個(gè)方法都接收兩個(gè)參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù)  和  (可選的)運(yùn)行該函數(shù)的作用域?qū)ο蟆?BR>    傳入這些方法中的函數(shù)會(huì)接收三個(gè)參數(shù):數(shù)組項(xiàng)的值,該項(xiàng)在數(shù)組中的位置,數(shù)組對(duì)象本身。
    forEach()  對(duì)數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù)。該方法沒(méi)有返回值。
    every()  對(duì)數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù),如果數(shù)組的每一項(xiàng)都返回true,則返回true。
    some()  對(duì)數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù),如果數(shù)組的任意一項(xiàng)返回true,則返回true。
    fliter()  如果數(shù)組的每一項(xiàng)都返回true,則返回true。返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組。
    map()  如果數(shù)組的每一項(xiàng)都返回true,則返回true。返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。
    請(qǐng)看以下例子:
    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);
    }); //多個(gè)彈窗分別顯示數(shù)組中的元素
    另一個(gè)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);
    }
    /*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行測(cè)試函數(shù),直到獲得對(duì)指定的函數(shù)返回 false 的項(xiàng)。 使用此方法 可確定數(shù)組中的所有項(xiàng)是否滿足某一條件,類似于&&的含義*/
    var res = arr.every(isNum);
    console.log(res);//false;
    /*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行測(cè)試函數(shù),直到獲得返回 true 的項(xiàng)。 使用此方法確定數(shù)組中的所有項(xiàng)是否滿足條件.類似于||的含義*/
    res = arr.some(isNum);
    console.log(res);//true
    /*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行測(cè)試函數(shù),并構(gòu)造一個(gè)新數(shù)組,返回 true的項(xiàng)被添加進(jìn)新數(shù)組。 如果某項(xiàng)返回 false,則新數(shù)組中將不包含此項(xiàng)*/
    res = arr.filter(isNum);
    console.log(res);//[3, 4, 5, 6, 7]
    /*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行函數(shù)并構(gòu)造一個(gè)新數(shù)組,并將原始數(shù)組中的每一項(xiàng)的函數(shù)結(jié)添加進(jìn)新數(shù)組。*/
    res = arr.map(toUpperCase);
    console.log(res);//["3", "4", "5", "6", "7", "A"]
    /*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行函數(shù),不返回值*/
    res = arr.forEach(print);
    console.log(res);
    //自己擴(kuò)展
    /*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;
    };*/
    以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)javaScript數(shù)組迭代方法有所幫助。