ECMAScript5為數(shù)組定義了5個(gè)迭代方法。每個(gè)方法都接收兩個(gè)參數(shù)：要在每一項(xiàng)上運(yùn)行的函數(shù)和（可選的）運(yùn)行該函數(shù)的作用域?qū)ο螅从绊憈his的值）。傳入這些方法中的函數(shù)會(huì)接收三個(gè)參數(shù)：數(shù)組項(xiàng)的值、該項(xiàng)在數(shù)組中的位置和數(shù)組對(duì)象本身。根據(jù)使用方法的不同，這個(gè)函數(shù)執(zhí)行后的返回值可能會(huì)也可能不會(huì)影響方法的返回值。這5個(gè)迭代方法是：

五個(gè)迭代方法 都接受兩個(gè)參數(shù)：要在每一項(xiàng)上運(yùn)行的函數(shù) 和 運(yùn)行該函數(shù)的作用域（可選）

        every():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。如果函數(shù)對(duì)每一項(xiàng)都返回true，則返回true。
        filter():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組。
        forEach():對(duì)數(shù)組中每一項(xiàng)運(yùn)行給定函數(shù)。該函數(shù)沒有返回值。
        map():對(duì)數(shù)組中每一項(xiàng)運(yùn)行給定函數(shù)。返回每次函數(shù)調(diào)用的結(jié)果組成的函數(shù)。
        some():對(duì)數(shù)組中每一項(xiàng)運(yùn)行給定函數(shù)。如果函數(shù)對(duì) 任一項(xiàng)返回true，則返回true

以上所有的方法都不會(huì)修改數(shù)組中包含的值。

在上面的方法中，every()和some()非常相似，它們都用于查詢數(shù)組中的項(xiàng)是否滿足某個(gè)條件。對(duì)于every()方法來(lái)說(shuō)，傳入的函數(shù)必須對(duì)每一項(xiàng)都返回true，這個(gè)方法才返回true。否則，它就返回false。而some()方法則是只要傳入的函數(shù)對(duì)數(shù)組的某一項(xiàng)返回true，就會(huì)返回true。例如：

var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.every(function(item, index, array){
 return (item > 2);
})
console.info(result);

上面的代碼會(huì)在控制臺(tái)中打印false。

var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.some(function(item, index, array){
 return (item > 2);
})
console.info(result);

上面的代碼會(huì)在控制臺(tái)中打印true。

下面是一個(gè)filter()函數(shù)的例子，它利用指定的函數(shù)確定是否存在返回的數(shù)組中包含某一項(xiàng)。例如，要返回一個(gè)所有數(shù)值都大于2的數(shù)組，可以使用下面的代碼：

var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.filter(function(item, index, array){
 return (item > 2);
})
console.info(result);  // [3,4,5,4,3]

上面的代碼通過(guò)調(diào)用filter()方法返回包含3,4,5,4,3的數(shù)組。這個(gè)方法對(duì)于查詢符合某些條件的所有數(shù)組非常有用。

map()方法也返回一個(gè)數(shù)組，而這個(gè)數(shù)組的每一項(xiàng)都是在原始數(shù)組中的對(duì)應(yīng)項(xiàng)上運(yùn)行傳入函數(shù)的結(jié)果。例如，可以給數(shù)組中的每一項(xiàng)都乘以2，然后返回這些乘積組成的數(shù)組：

var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.map(function(item, index, array){
 return item * 2;
})
console.info(result);  // [2,4,6,8,10,8,6,4,2]

map()方法適合用于創(chuàng)建包含的項(xiàng)于另一個(gè)數(shù)組一一對(duì)應(yīng)的數(shù)組。

最后一個(gè)是forEach()方法，它只是對(duì)數(shù)組中的每一項(xiàng)運(yùn)行傳入的函數(shù)。這個(gè)方法沒有返回值，本質(zhì)上于使用for循環(huán)迭代數(shù)組是一樣的。看下面的例子：

var nums = [1,2,3,4,5,4,3,2,1];
nums.forEach(function(item, index, array){
 //執(zhí)行需要的操作
})

js中的這些數(shù)組方法通過(guò)執(zhí)行不同的操作，可以大大的方便處理數(shù)組的任務(wù)。

支持這些迭代方法的瀏覽器有：IE9+，F(xiàn)irefox2+，Safari3+，Opera9.5+和Chrome。

    var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    //every()和some()最相似
    //every() item:當(dāng)前遍歷項(xiàng)，index:當(dāng)前項(xiàng)索引，array:數(shù)組對(duì)象本身
    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 本質(zhì)上和for循環(huán)沒有區(qū)別
    var forEachResult=numbers.forEach(function(item,index,array){
      alert(item)
    });

以上就是本文的全部?jī)?nèi)容了，希望能給大家一些提示，能夠更好的理解javascript迭代方法。

最新評(píng)論