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>");//打印出來(lái)是21
data.forEach(function(o,p,q){//分別對(duì)應(yīng)：數(shù)組元素，元素的索引，數(shù)組本身
 q[p]=o+1;
})
document.write(data);

注意：forEach無(wú)法在所有元素都傳遞給調(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");

}

您可能感興趣的文章:

相關(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ù)組的常見(jiàn)用法實(shí)例
這篇文章主要介紹了JS數(shù)組的常見(jiàn)用法,實(shí)例分析了javascript針對(duì)數(shù)組的遍歷、排序與字符串分割成數(shù)組等用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解
這篇文章主要介紹了JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解,通過(guò)示例給大家講解的非常細(xì)致，有需要的小伙伴可以參考下。
2016-01-01
微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼
本篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼，實(shí)現(xiàn)的原理是通過(guò)頁(yè)面預(yù)加載圖片，對(duì)用戶(hù)體驗(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)頁(yè)面tab切換功能相關(guān)操作技巧,需要的朋友可以參考下
2019-08-08
微信小程序云開(kāi)發(fā)如何使用云函數(shù)生成二維碼
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā)如何使用云函數(shù)生成二維碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家分享JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)方法，需要的朋友參考下吧
2017-09-09
JS中some和every的區(qū)別和用法詳解
every?和?some?都是數(shù)組迭代方法,都可以遍歷數(shù)組,這篇文章主要介紹了JS中some和every的區(qū)別和用法,需要的朋友可以參考下
2023-05-05
js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫(huà)的導(dǎo)航欄效果
本篇文章主要分享了js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫(huà)的導(dǎo)航欄效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
Javascript自定義函數(shù)判斷網(wǎng)站訪(fǎng)問(wèn)類(lèi)型是PC還是移動(dòng)終端
如果，能夠判斷出訪(fǎng)問(wèn)Web網(wǎng)頁(yè)的類(lèi)型(PC還是移動(dòng)終端)。就可以解決許多絢麗多彩的 Flash效果出不來(lái)的問(wèn)題
2014-01-01