JavaScript forEach()遍歷函數(shù)使用及介紹
更新時(shí)間：2015年07月08日 09:46:07 投稿：junjie
這篇文章主要介紹了JavaScript forEach()遍歷函數(shù)使用及介紹,本文講解了使用forEach遍歷數(shù)組的用法以及提前終止循環(huán)的一個(gè)方法技巧,需要的朋友可以參考下
forEach()函數(shù)從頭到尾把數(shù)組遍歷一遍。有三個(gè)參數(shù)分別是：數(shù)組元素，元素的索引，數(shù)組本身（如果是一個(gè)參數(shù)就是數(shù)組元素，也就是數(shù)組的值。
var data=[1,2,3,4,5,6];
var sum=0;
data.forEach(function(v){//其中的v就是數(shù)組的值 123456
sum+=v;})
document.write(sum+"<br>");//打印出來是21
data.forEach(function(o,p,q){//分別對(duì)應(yīng)：數(shù)組元素，元素的索引，數(shù)組本身
q[p]=o+1;
})
document.write(data);
注意：forEach無法在所有元素都傳遞給調(diào)用的函數(shù)之前終止（而for循環(huán)卻有break方法），如果要提前終止，必須把forEach放在try塊中，并能拋出一個(gè)異常。如果forEach()調(diào)用的函數(shù)拋出foreach.break異常，循環(huán)會(huì)提前終止：
function foreach(a,b,c){
try{
a.forEach(b,c);
}catch(e){
if(e===foreach.break)return;
else throw e;
}
}
foreach.break=new Error("StopIteration");
}
您可能感興趣的文章:
- JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點(diǎn)
- JS中for,for...in,for...of和forEach的區(qū)別和用法實(shí)例
- js中forEach，for in，for of循環(huán)的用法示例小結(jié)
- js遍歷詳解(forEach, map, for, for...in, for...of)
- 淺析JS中的 map, filter, some, every, forEach, for in, for of 用法總結(jié)
- 全面解析JavaScript里的循環(huán)方法之forEach，for-in，for-of
- JS中的forEach、$.each、map方法推薦
- JS中Map和ForEach的區(qū)別
- js中的for如何實(shí)現(xiàn)foreach中的遍歷
- JS forEach跳出循環(huán)2種實(shí)現(xiàn)方法
- javascript forEach通用循環(huán)遍歷方法
- JS 中forEach，for in、for of用法實(shí)例總結(jié)
相關(guān)文章
JS實(shí)現(xiàn)Enter鍵跳轉(zhuǎn)及控件獲得焦點(diǎn)
想讓Enter鍵跳轉(zhuǎn)的同時(shí)讓控件獲得焦點(diǎn)，具體實(shí)現(xiàn)js代碼如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
這篇文章主要介紹了JS數(shù)組的常見用法,實(shí)例分析了javascript針對(duì)數(shù)組的遍歷、排序與字符串分割成數(shù)組等用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解
這篇文章主要介紹了JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解,通過示例給大家講解的非常細(xì)致，有需要的小伙伴可以參考下。2016-01-01
本篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼，實(shí)現(xiàn)的原理是通過頁面預(yù)加載圖片，對(duì)用戶體驗(yàn)度會(huì)有一定的提高，具有一定的參考價(jià)值，有興趣可以了解一下2017-12-12
JS實(shí)現(xiàn)的tab切換并顯示相應(yīng)內(nèi)容模塊功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的tab切換并顯示相應(yīng)內(nèi)容模塊功能,結(jié)合實(shí)例形式分析了JavaScript基于事件響應(yīng)、元素遍歷實(shí)現(xiàn)頁面tab切換功能相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)如何使用云函數(shù)生成二維碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)代碼
本文通過實(shí)例代碼給大家分享JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)方法，需要的朋友參考下吧2017-09-09
every?和?some?都是數(shù)組迭代方法,都可以遍歷數(shù)組,這篇文章主要介紹了JS中some和every的區(qū)別和用法,需要的朋友可以參考下2023-05-05
js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫的導(dǎo)航欄效果
本篇文章主要分享了js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫的導(dǎo)航欄效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
Javascript自定義函數(shù)判斷網(wǎng)站訪問類型是PC還是移動(dòng)終端
如果，能夠判斷出訪問Web網(wǎng)頁的類型(PC還是移動(dòng)終端)。就可以解決許多絢麗多彩的 Flash效果出不來的問題2014-01-01