快捷導(dǎo)航

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

更新時間：2016年04月14日 09:52:01 投稿：lijiao

這篇文章主要為大家詳細(xì)介紹了javaScript數(shù)組迭代方法，ECMAScript5為數(shù)組定義了5個迭代方法，感興趣的小伙伴們可以參考一下

本文為大家介紹了javaScript數(shù)組迭代方法，供大家參考，具體內(nèi)容如下

每個方法都接收兩個參數(shù)：要在每一項上運(yùn)行的函數(shù) 和（可選的）運(yùn)行該函數(shù)的作用域?qū)ο蟆?/p>

傳入這些方法中的函數(shù)會接收三個參數(shù)：數(shù)組項的值，該項在數(shù)組中的位置，數(shù)組對象本身。

forEach() 對數(shù)組中的每一項運(yùn)行給定函數(shù)。該方法沒有返回值。
every() 對數(shù)組中的每一項運(yùn)行給定函數(shù)，如果數(shù)組的每一項都返回true，則返回true。
some() 對數(shù)組中的每一項運(yùn)行給定函數(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的項被添加進(jìn)新數(shù)組。 如果某項返回 false，則新數(shù)組中將不包含此項*/
res = arr.filter(isNum);
console.log(res);//[3, 4, 5, 6, 7]

/*對數(shù)組中的每一項執(zhí)行函數(shù)并構(gòu)造一個新數(shù)組，并將原始數(shù)組中的每一項的函數(shù)結(jié)添加進(jìn)新數(shù)組。*/
res = arr.map(toUpperCase);
console.log(res);//["3", "4", "5", "6", "7", "A"]

/*對數(shù)組中的每一項執(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;
};*/

以上就是本文的全部內(nèi)容，希望對大家學(xué)習(xí)javaScript數(shù)組迭代方法有所幫助。

您可能感興趣的文章: