js 遍歷數(shù)組方法

?for? forEach for...in? for...of

filter? ?map??every?

1. for 循環(huán)

for (let i = 0 ; i < arr.length ; i++ ){

? ? console.log(i)

}

2. forEach()只是單純的便利數(shù)組,無(wú)返回值

arr.forEach((item)=>{

????console.log(item)

})

s會(huì)修改原數(shù)組,沒(méi)有return,單純的遍歷數(shù)組


https://www.cnblogs.com/wangdashi/p/9431860.html

3. map 遍歷數(shù)組不會(huì)改變?cè)瓟?shù)組,必須要有return?

?map ((item)=>{

????return item

})

一定要return,不會(huì)修改原數(shù)組,相當(dāng)于把原數(shù)組復(fù)制一份。

map用于加工數(shù)組,有返回值

4. filter? ?過(guò)濾通過(guò)篩選條件的元素組成一個(gè)新數(shù)組,原數(shù)組不變

filter((v)=>{

? ? return? v > 10

})


實(shí)例: 從一個(gè)數(shù)組中,篩選出符合要求的數(shù)組

let? list = [

{? id: 99, name : 'jiji'} ,

{ id: 90 , name: 'koko'},

{ id: 91 , name: 'joko'}

]

let arr = [ 90, 91]

list.filter((v)=>arr.includes(v.id)})


5、for...in

注意for...in遍歷的是索引

var arr = [ 11, 33]
for(let key in arr){

console.log(key)
}

0
1

6、for...of

遍歷的是元素

var arr =[12,33]
for(let element of arr){

console.log(element)
}

12

33

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 以前學(xué)習(xí)JS沒(méi)有著重總結(jié)關(guān)于數(shù)組的方法,導(dǎo)致實(shí)現(xiàn)某些功能不能找對(duì)最合適的實(shí)現(xiàn)方法,浪費(fèi)很多時(shí)間。今天總結(jié)一些...
    Mango97閱讀 586評(píng)論 0 0
  • 文章主要來(lái)源: JS數(shù)組遍歷方法總結(jié) -- 我是豆子啊 我們用更簡(jiǎn)潔的語(yǔ)法(比如內(nèi)置函數(shù))遍歷數(shù)組,從而消除循環(huán)結(jié)...
    ShanerChan閱讀 392評(píng)論 0 0
  • concat():用于連接兩個(gè)或多個(gè)數(shù)組。不會(huì)更改現(xiàn)有數(shù)組,而是返回一個(gè)新數(shù)組 let arr1 = ['Java...
    huangxiaohui90閱讀 261評(píng)論 0 0
  • 創(chuàng)建數(shù)組的方法 通過(guò)字面量創(chuàng)建let arr = [1,2,4] 通過(guò)類(lèi)創(chuàng)建let arr = new Array...
    0_one閱讀 396評(píng)論 0 0
  • 1.join() var arr = [1,2,3]; console.log(arr.join()); // 1...
    _楊柳_閱讀 593評(píng)論 0 0

友情鏈接更多精彩內(nèi)容