JS陣列遍歷的十二種方式

遍歷有如下幾種方式

陣列方法

其他方法

核心

let testarr = ['子項0','子項1','子項2'];

let resultarr = testarr.map((item, index) =>`
});console.log(resultarr);
//結果： ["處理·子項0", "處理·子項1", "處理·子項2"]

核心

let testarr = ['子項0','子項1','子項2'];

testarr.foreach((item, index)=>`
});

核心

let filterarr = ['子項0','子項1','子項2'];

let filterresult = filterarr.filter((item, index) =>);
console.log(filterarr); 
//["子項0", "子項1", "子項2"]
console.log(filterresult); ["子項0"]

核心

let findarr = ['子項0','子項1','子項2']

let findresult = findarr.find((item, index) =>);
console.log(findresult);
//結果為: 子項0

核心

let findindexarr = ['子項0','子項1','子項2'];

let findindexresult = findindexarr.findindex((item, index)=>);
console.log(findindexresult);
//結果為： true

核心

let everyarr = [2,3,4];

let everyresult = everyarr.every((item, index)=>);
console.log(everyresult);
//結果為: true

是對陣列中每一項執行指定函式，如果該函式對任一項返回true，則返回true。

let somearr = [2,3,4];

let someresult = somearr.some((item, index)=>);
console.log(someresult);
//結果為: true

//

reducer
let reducearr = [0,1,2,3,4]
let reduceresult = reducearr.reduce((a, b)=>);
console.log(reduceresult);
//結果: 10

let reducerightarr = [0,1,2,3,4]

let reducerightresult = reducerightarr.reduceright((a, b)=>);
console.log(reducerightresult);
//結果: 10

核心使用臨時變數，並且遍歷的是key.

let testarr = ['子項0','子項1','子項2']; 

for(var i = 0; a < testarr.length; i++)

let testarr = ['子項0','子項1','子項2'];

//break 
for(var i = 0; i < testarr.length; i++) 
console.log(testarr[i]);}//
結果為： 子項0
//continue
for(var i = 0; i < testarr.length; i++) 
console.log(testarr[i]);}//
結果為: 子項0 子專案2
//return
for(var i = 0; i < testarr.length; i++) 
console.log(testarr[i]);}//
結果為什麼也沒有

let testarr = ['子項0','子項1','子項2'];  

for(let i in
testarr)

let testarr = ['子項0','子項1','子項2'];

//break 
for(let i in
testarr)
console.log(testarr[i]);}//
結果為： 子項0
//continue
for(let i in
testarr)
console.log(testarr[i]);}//
結果為: 子項0 子專案2
//return
for(let i in
testarr)
console.log(testarr[i]);}//
結果為什麼也沒有

let testarr = ['子項0','子項1','子項2'];  

for(let i of testarr) 

let testarr = ['子項0','子項1','子項2'];

//break 
for(let value of testarr)
console.log(value);}//
結果為： 子項0
//continue
for(let value of testarr)
console.log(value);}//
結果為: 子項0 子專案2
//return
for(let value of testarr)
console.log(value);}//
結果為什麼也沒有

JS陣列遍歷的幾種方式

1 for 2 for.in.var arr 1,2,3,4 for var key in arr 會跳過稀疏散組 3 for.of for var val of arr 4 foreach arr.foreach function item,index,arr 沒有返回值，函式裡依次對應為 陣列元...

js陣列及其遍歷方式

陣列的定義 let arr 1,2,abc true js是弱型別語言，陣列中元素可以是不同型別的，boolean型別放入值就是對應的字串true或false length屬性 表示陣列的長度，元素的個數，length屬性是可變的，這一點需要特別注意。當length屬性被設定得更大時，整個陣列的狀態...

js迴圈遍歷陣列的方式

最近在寫前端 裡面經常涉及到陣列的迴圈取值。這裡簡單總結下前端中陣列遍歷的四種方式 假設有如下陣列 members，每個陣列元素是乙個字典 map,要遍歷陣列列印每個memberid的值。var members 通過陣列下標方式訪問，比較通用的方法 for var index 0 index mem...