javascript foreach中如何獲取數(shù)組下標(biāo)/index
更新時(shí)間：2023年07月26日 08:39:49 作者：sayyy
這篇文章主要介紹了javascript foreach中如何獲取數(shù)組下標(biāo)/index問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
javascript foreach獲取數(shù)組下標(biāo)/index
- 360極速瀏覽器： 12.0.1476.0 (正式版本) （32 位）
- 修訂版本： 47c49e5a5935cfffa348dcfa6c581f4394327ac8
- 操作系統(tǒng)： Windows 10 OS Version 2004 (Build 19041.450)
- JavaScript ：V8 7.8.279.23
- 注：使用命令 chrome://version/ 查看 JavaScript 版本
forEach語(yǔ)法
array.forEach(function(currentValue, index, arr), thisValue)
通過(guò)語(yǔ)法可知，第2個(gè)參數(shù)是數(shù)組下標(biāo)/index
示例
var arr = ["zhangsan", "lisi", "wangwu", "maliu"];
arr.forEach((item, index)=>{
console.log(index, ":",item);
});執(zhí)行結(jié)果：
javascript數(shù)組方法forEach()
forEach()方法簡(jiǎn)介
- 遍歷數(shù)組。
- 對(duì)數(shù)組中每一元素執(zhí)行一次函數(shù)體內(nèi)語(yǔ)句。
- 可以用于數(shù)組求和等場(chǎng)景。
- 不修改原數(shù)組
forEach()方法使用
? ? ? ? //forEach()
? ? ? ? //最多可傳遞三個(gè)參數(shù) ?item為數(shù)組元素，index是當(dāng)前元素下標(biāo)，arr是整個(gè)數(shù)組
? ? ? ? //index和arr是可選參數(shù)
? ? ? ? //數(shù)組求和
? ? ? ? let sum=0;
? ? ? ? const arr =[1,2,3,4,5];
? ? ? ? arr.forEach(function(item,index,arr){
? ? ? ? ? ? //statements
? ? ? ? ? ? sum=sum+item;
? ? ? ? });
? ? ? ? console.log("數(shù)組和為:"+sum);
? ? ? ? console.log("原數(shù)組為:"+arr);控制臺(tái)輸出結(jié)果：
數(shù)組和為:15
原數(shù)組為:1,2,3,4,5
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
懶加載是一種優(yōu)化技術(shù),它可以延遲加載某些資源,直到它們真正需要被使用的時(shí)候才進(jìn)行加載,實(shí)現(xiàn)懶加載的方法一般分為兩種：基于 Intersection Observer API 的懶加載和基于滾動(dòng)事件的懶加載,本文給大家介紹JavaScript的懶加載處理方式,感興趣的朋友一起看看吧2023-10-10
這篇文章主要給大家介紹了關(guān)于如何利用unicloud生成微信小程序分享碼的相關(guān)資料,這是最近工作中遇到的一個(gè)需求,文中通過(guò)圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
這篇文章主要介紹了js對(duì)象繼承之原型鏈繼承,以實(shí)例形式分析了原型鏈繼承的實(shí)現(xiàn)方法與注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
最近要在項(xiàng)目中使用Knockoutjs，因此今天就首先研究了一下Knockoutjs的環(huán)境搭建，并進(jìn)行了一個(gè)簡(jiǎn)單的測(cè)試,需要的朋友可以了解下2012-11-11
原生JS封裝拖動(dòng)驗(yàn)證滑塊的實(shí)現(xiàn)代碼示例
這篇文章主要介紹了原生JS封裝拖動(dòng)驗(yàn)證滑塊的實(shí)現(xiàn)代碼示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)自定義難度的掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
JavaScript實(shí)現(xiàn)節(jié)點(diǎn)的刪除與序號(hào)重建實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)節(jié)點(diǎn)的刪除與序號(hào)重建方法,涉及javascript針對(duì)頁(yè)面節(jié)點(diǎn)的刪除與遍歷技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
BootStrap中的模態(tài)框（modal，彈出層）功能示例代碼
bootstrap中的模態(tài)框（modal），不同于Tooltips，模態(tài)框以彈出對(duì)話框的形式出現(xiàn)，具有最小和最實(shí)用的功能集。這篇文章主要介紹了BootStrap中的模態(tài)框（modal，彈出層）,需要的朋友可以參考下2018-11-11
JavaScript實(shí)現(xiàn)在頁(yè)面刷新時(shí)成功發(fā)送停止請(qǐng)求
最近接到一個(gè)需求,需要在頁(yè)面刷新或者關(guān)閉瀏覽器標(biāo)簽頁(yè)的時(shí)候觸發(fā)停止當(dāng)前sql的接口,所以本文小編給大家詳細(xì)介紹了解決方案和實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了p5.js入門教程之鼠標(biāo)交互的示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03