今天就跟大家聊聊有關(guān)利用JavaScript實(shí)現(xiàn)遍歷的方法有哪些，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)新蔡免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了成百上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

1.while循環(huán)

while后面跟循環(huán)條件和執(zhí)行語句，只要滿足條件，就會(huì)一直執(zhí)行里面的執(zhí)行

var i = 0
while(i<10){
 console.log(i)
 i++ 
}

2.do...while循環(huán)

與while相似，但是他會(huì)先執(zhí)行一次，再做判斷條件

var i=0
do{
 console,log(i)
 i++
}while(i<10)

3.for循環(huán)

var arr = [0,1,2,3]
for(let i = 0;i < arr.length;i++){
 console.log(i)
}

4.forEach循環(huán)

var arr = [0,1,2,3]
arr.forEach((item,index)=>{
 console.log(`下標(biāo)${index}的數(shù)為${item}`)
})

5.for...in循環(huán)

一般用來遍歷對象的屬性，遍歷數(shù)組的話拿到的是下標(biāo)

var obj = {name:'snail',age:18}
for(var key in obj){
 console.log(key)
}

6.for...of循環(huán)

可以遍歷拿到每一個(gè)元素

var str = 'snail'
for(var item of str){
 console.log(item)
}

7.map映射

map方法將數(shù)組的所有成員依次傳入?yún)?shù)函數(shù)，然后把每一次的執(zhí)行結(jié)果組成一個(gè)新數(shù)組返回。

該函數(shù)調(diào)用時(shí)，map方法向它傳入三個(gè)參數(shù)：當(dāng)前成員、當(dāng)前位置和數(shù)組本身。

注意：是返回一個(gè)新數(shù)組，而不會(huì)改變原數(shù)組。

var arr = [0,1,2,3]
arr.map((item)=>{
 return item*2
})

8.filter()過濾循環(huán)

filter方法用于過濾數(shù)組成員，滿足條件的成員組成一個(gè)新數(shù)組返回。

它的參數(shù)是一個(gè)函數(shù)，所有數(shù)組成員依次執(zhí)行該函數(shù)，返回結(jié)果為true的成員組成一個(gè)新數(shù)組返回。該方法不會(huì)改變原數(shù)組。

var arr = [0,4,2,3,5]
arr.filter((item)=>{
 return (item>3)
})

9.some(),every()遍歷

統(tǒng)計(jì)數(shù)組是否滿足某個(gè)條件，這兩個(gè)方法返回一個(gè)布爾值，表示判斷數(shù)組成員是否符合某種條件。

它們接受一個(gè)函數(shù)作為參數(shù)，所有數(shù)組成員依次執(zhí)行該函數(shù)。該函數(shù)接受三個(gè)參數(shù)：當(dāng)前成員、當(dāng)前位置和整個(gè)數(shù)組，然后返回一個(gè)布爾值。

some方法是只要一個(gè)成員的返回值是true，則整個(gè)some方法的返回值就是true，否則返回false。

every方法則相反，所有成員的返回值都是true，整個(gè)every方法才返回true，否則返回false。兩相比較，some()只要有一個(gè)是true，便返回true；而every()只要有一個(gè)是false，便返回false.

這兩個(gè)方法在實(shí)際開發(fā)中，大有可用之處。比如在判定用戶是否勾選了不可操作的數(shù)據(jù)，或者是否勾選了一條可以操作的數(shù)據(jù)可以使用這兩個(gè)方法遍歷循環(huán)數(shù)組。

10.reduce()遍歷

reduce方法第一個(gè)參數(shù)是一個(gè)函數(shù)。該函數(shù)接受以下四個(gè)參數(shù)。

1.Accumulator(累計(jì)器)

2.Current Value(當(dāng)前值)

3.Current Index(當(dāng)前索引)

4.Source Array(源數(shù)組)

函數(shù)的返回值分配給累計(jì)器，該返回值在數(shù)組的每個(gè)迭代中被記住，并最后成為最終的單個(gè)結(jié)果值。

看完上述內(nèi)容，你們對利用JavaScript實(shí)現(xiàn)遍歷的方法有哪些有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

當(dāng)前題目：利用JavaScript實(shí)現(xiàn)遍歷的方法有哪些-創(chuàng)新互聯(lián)
文章分享：http://chinadenli.net/article8/sppop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、建站公司、商城網(wǎng)站、網(wǎng)站收錄、小程序開發(fā)、網(wǎng)站內(nèi)鏈

廣告

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