這篇文章主要介紹“es6如何實現(xiàn)數(shù)組的遍歷”，在日常操作中，相信很多人在es6如何實現(xiàn)數(shù)組的遍歷問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”es6如何實現(xiàn)數(shù)組的遍歷”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),若羌企業(yè)網(wǎng)站建設(shè),若羌品牌網(wǎng)站建設(shè),網(wǎng)站定制,若羌網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,若羌網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

方法：1、利用“數(shù)組.keys()”方法，該方法能夠遍歷數(shù)組索引；2、利用“數(shù)組.values()”方法，該方法能夠遍歷數(shù)組元素；3、利用“數(shù)組.entries()”方法，該方法能夠遍歷數(shù)組的索引和元素。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6怎么實現(xiàn)數(shù)組的遍歷

ES6提供了entries()，keys()，values()方法返回數(shù)組的遍歷器，對于遍歷器（Iterator）可以使用for...of進行便利，也可是使用entries（）返回的遍歷器Iterator.next()方法進行遍歷。

1.使用keys()遍歷。

keys()返回的是數(shù)組元素索引號的遍歷器。

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
  console.log(index);
}

結(jié)果：

可以看到輸出的都是每個數(shù)組元素的index。

0  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10

2.使用values()遍歷。

values()返回的是數(shù)組元素值的遍歷器。

for (let val of  arr1.values()) {
  console.log(val);
}

結(jié)果：

a 
b 
c 
d 
e 
f 
g 
h 
i 
j 
k

3.使用entries()遍歷。

配合解構(gòu)使用，可以拿到元素的index和value。

for (let [index, val] of arr1.entries()) {
  console.log(index, val);
}

結(jié)果：

0 'a'
1 'b'
2 'c'
3 'd'
4 'e'
5 'f'
6 'g'
7 'h'
8 'i'
9 'j'
10 'k'

4.使用Iterator.next()遍歷。

基于entries()返回的遍歷器，調(diào)用遍歷器的next()的方法可以獲取每一個元素的訪問入口，該入口有一個done屬性可以表明是否便利結(jié)束。通過入口可以拿到value屬性，其就是元素的索引和值的數(shù)組。

let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
  console.log(entry.value);
  entry=arrEntries.next();
}

結(jié)果：

[ 0, 'a' ]
[ 1, 'b' ]
[ 2, 'c' ]
[ 3, 'd' ]
[ 4, 'e' ]
[ 5, 'f' ]
[ 6, 'g' ]
[ 7, 'h' ]
[ 8, 'i' ]
[ 9, 'j' ]
[ 10, 'k' ]

到此，關(guān)于“es6如何實現(xiàn)數(shù)組的遍歷”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

網(wǎng)頁題目：es6如何實現(xiàn)數(shù)組的遍歷
本文URL：http://m.rwnh.cn/article32/ippjsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、企業(yè)建站、用戶體驗、網(wǎng)站設(shè)計、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)