關(guān)于JavaScript中forEach和each用法淺析
本文主要給大家介紹了關(guān)于JavaScript中forEach和each的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說,來一起看看詳細(xì)的介紹:
forEach是ES5中操作數(shù)組的一種方法,主要功能是遍歷數(shù)組,例如:
var arr = [1,2,3,4]; arr.forEach(alert);
等價(jià)于:
var arr = [1, 2, 3, 4]; for (var k = 0, length = arr.length; k < length; k++) { alert(array[k]); }
forEach方法中的function回調(diào)有三個(gè)參數(shù):第一個(gè)參數(shù)是遍歷的數(shù)組內(nèi)容,第二個(gè)參數(shù)是對(duì)應(yīng)的數(shù)組索引,第三個(gè)參數(shù)是數(shù)組本身
因此:
[].forEach(function(value,index,array){ //code something });
等價(jià)于:
$.each([],function(index,value,array){ //code something })
寫一個(gè)例子;
var arr = [1,2,3,4]; arr.forEach(function(value,index,array){ array[index] == value; //結(jié)果為true sum+=value; }); console.log(sum); //結(jié)果為 8
map:map即是 “映射”的意思 用法與 forEach 相似,用法即:
[].map(function(value,index,array){ //code })
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
- js遍歷詳解(forEach, map, for, for...in, for...of)
- jQuery each和js forEach用法比較
- JS forEach和map方法的用法與區(qū)別分析
- js/jquery遍歷對(duì)象和數(shù)組的方法分析【forEach,map與each方法】
- JavaScript使用類似break機(jī)制中斷forEach循環(huán)的方法
- JS中Map和ForEach的區(qū)別
- 詳談js中標(biāo)準(zhǔn)for循環(huán)與foreach(for in)的區(qū)別
- JS forEach跳出循環(huán)2種實(shí)現(xiàn)方法
相關(guān)文章
如何在JavaScript中優(yōu)雅的提取循環(huán)內(nèi)數(shù)據(jù)詳解
這篇文章主要給大家介紹了關(guān)于如何在JavaScript中優(yōu)雅的提取循環(huán)內(nèi)數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03JavaScript實(shí)現(xiàn)換膚效果(換背景)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)換膚效果,即換背景功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09如何用JS實(shí)現(xiàn)網(wǎng)頁(yè)瀑布流布局
這篇文章主要介紹了如何用JS實(shí)現(xiàn)網(wǎng)頁(yè)瀑布流布局,幫助大家更好的利用JavaScript制作網(wǎng)頁(yè),感興趣的朋友可以了解下2021-04-04Javascript setInterval的兩種調(diào)用方法(實(shí)例講解)
這篇文章主要是對(duì)Javascript setInterval的兩種調(diào)用方法解析了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11JavaScript實(shí)現(xiàn)一個(gè)輸入框組件
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)一個(gè)輸入框組件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09