javaScript數(shù)組迭代方法詳解
本文為大家介紹了javaScript數(shù)組迭代方法,供大家參考,具體內(nèi)容如下
每個方法都接收兩個參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù) 和 (可選的)運(yùn)行該函數(shù)的作用域?qū)ο蟆?/p>
傳入這些方法中的函數(shù)會接收三個參數(shù):數(shù)組項(xiàng)的值,該項(xiàng)在數(shù)組中的位置,數(shù)組對象本身。
forEach() 對數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù)。該方法沒有返回值。
every() 對數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù),如果數(shù)組的每一項(xiàng)都返回true,則返回true。
some() 對數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù),如果數(shù)組的任意一項(xiàng)返回true,則返回true。
fliter() 如果數(shù)組的每一項(xiàng)都返回true,則返回true。返回該函數(shù)會返回true的項(xiàng)組成的數(shù)組。
map() 如果數(shù)組的每一項(xiàng)都返回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ù)組中的每一項(xiàng)執(zhí)行測試函數(shù),直到獲得對指定的函數(shù)返回 false 的項(xiàng)。 使用此方法 可確定數(shù)組中的所有項(xiàng)是否滿足某一條件,類似于&&的含義*/
var res = arr.every(isNum);
console.log(res);//false;
/*對數(shù)組中的每一項(xiàng)執(zhí)行測試函數(shù),直到獲得返回 true 的項(xiàng)。 使用此方法確定數(shù)組中的所有項(xiàng)是否滿足條件.類似于||的含義*/
res = arr.some(isNum);
console.log(res);//true
/*對數(shù)組中的每一項(xiàng)執(zhí)行測試函數(shù),并構(gòu)造一個新數(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]
/*對數(shù)組中的每一項(xiàng)執(zhí)行函數(shù)并構(gòu)造一個新數(shù)組,并將原始數(shù)組中的每一項(xiàng)的函數(shù)結(jié)添加進(jìn)新數(shù)組。*/
res = arr.map(toUpperCase);
console.log(res);//["3", "4", "5", "6", "7", "A"]
/*對數(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;
};*/
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)javaScript數(shù)組迭代方法有所幫助。
相關(guān)文章
js 兼容多瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件代碼(IE6/7/8,firefox,chrome)
本文講一下js實(shí)現(xiàn)兼容IE6/7/8,firefox,chrome瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件的代碼。2010-04-04
JavaScript獲取上傳進(jìn)度的幾種方式實(shí)現(xiàn)
進(jìn)度條的應(yīng)用是為了顯示的告訴用戶文件上傳了多少,本文主要介紹了JavaScript獲取上傳進(jìn)度的幾種方式,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
JS使用ajax方法獲取指定url的head信息中指定字段值的方法
這篇文章主要介紹了JS使用ajax方法獲取指定url的head信息中指定字段值的方法,實(shí)例分析了Ajax操作URL中head信息的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JavaScript實(shí)現(xiàn)簡易輪播圖最全代碼解析(ES5)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡易輪播圖最全代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09

