javaScript數(shù)組迭代方法詳解
本文為大家介紹了javaScript數(shù)組迭代方法,供大家參考,具體內(nèi)容如下
每個(gè)方法都接收兩個(gè)參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù) 和 (可選的)運(yùn)行該函數(shù)的作用域?qū)ο蟆?/p>
傳入這些方法中的函數(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ù)組迭代方法有所幫助。
相關(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-04JavaScript獲取上傳進(jìn)度的幾種方式實(shí)現(xiàn)
進(jìn)度條的應(yīng)用是為了顯示的告訴用戶文件上傳了多少,本文主要介紹了JavaScript獲取上傳進(jìn)度的幾種方式,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08js實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器,可拖動(dòng)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06JS使用ajax方法獲取指定url的head信息中指定字段值的方法
這篇文章主要介紹了JS使用ajax方法獲取指定url的head信息中指定字段值的方法,實(shí)例分析了Ajax操作URL中head信息的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JavaScript實(shí)現(xiàn)簡(jiǎn)易輪播圖最全代碼解析(ES5)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易輪播圖最全代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09javascript 判斷中文字符長(zhǎng)度的函數(shù)代碼
在很多時(shí)候,我們?cè)谶M(jìn)行數(shù)據(jù)提交數(shù)據(jù)庫(kù)時(shí).先會(huì)用javascript對(duì)其進(jìn)行有效性驗(yàn)證.如一個(gè)中文javascript為的length是1.但是數(shù)據(jù)庫(kù)中會(huì)占二個(gè)字節(jié).容易出錯(cuò)2012-08-08