js陣列遍歷

一、for迴圈類

基礎for迴圈

//for

let arr =[,
];for(let i =
0, len = arr.length; i < len; i++
)

for in迴圈

/**

* for in
* @param key 索引(下標)
*/for
(var key in arr)

for in迴圈

/**

* for of
* @param item 物件
*/for
(let item of arr)
// 輸出陣列索引
for(let item of arr.
keys()
)// 輸出內容和索引
for(let [item, val] of arr.
entries()
)

二、返回值相關

foreach迴圈

/**

* foreach
* @param item 物件 必填引數
* @param index 索引(下標)
* @param arr 陣列本身
* @return undefined(即無返回值)
*/arr.
foreach
((item, index, arr)
=>
, ];
})

find,map,filter語法

/**

* find,map,filter
* @param item 物件(必寫)
* @param index 索引(下標)
* @param arr 陣列本身
* @return
* find(存在返回第乙個元素，無返回undefined)
* filter（返回符合條件的陣列，無返回）
* map(不用於條件返回而用於單個屬性返回成陣列，不存在此屬性返回[undefined,undefined]
*/

var arr =[1

,2,3
,4,5
,6,7
];var ar = arr.
find
((item,index)
=>);
console.
log(ar)
;//6
console.
log(arr)
;//[1,2,3,4,5,6,7]

var arr2 =[1

,2,3
,4,5
,6,7
];var ar2 = arr2.
filter
((item,index)
=>);
console.
log(ar2)
;//[6,7]
console.
log(arr2)
;//[1,2,3,4,5,6,7]

//處理陣列

var arr =[1
,2,3
,4,5
];var ar = arr.
map(
function
(item));
console.
log(ar)
;//[2,4,6,8,10]
console.
log(arr)
;//[1,2,3,4,5]
//獲取陣列某個屬性
var arr3 =[,
];var ids = this.arr3.
map(item =
> item.id)
.tostring()
;var names = this.arr3.
map(item =
> item.id)
.tostring()
;console.
log(ids)
;//1,2
console.
log(names)
;//張三,李四

備註：foreach、map、filter、reduce、every、some 都會有 break 和 continue 不生效的問題，因為是在function中，但function解決了閉包陷阱的問題；要使用break、continue 可以使用 for、for…in、for…of、while。 用於遍歷陣列元素使用：for()，foreach()，map()，for…of 用於迴圈物件屬性使用：for…in

js陣列遍歷

1 如何建立陣列。2 陣列的長度，陣列元素的新增和刪除 如何使用下標對陣列的操作 3 遍歷陣列的方式 for迴圈，for in遍歷 4 二維陣列 舉例並遍歷二維陣列 5 運算元組的方法。push pop unshift shift splice reverse sort join slice con...

js 陣列遍歷 物件遍歷

一 陣列遍歷 1，普通for迴圈，經常用的陣列遍歷 var arr 1,2,0,3,9 for var i 0 i 2，優化版for迴圈 使用變數，將長度快取起來，避免重複獲取長度，陣列很大時優化效果明顯 for var j 0,len arr.length j len j 3，foreach，es...

js陣列遍歷總結

1.原始方法 for var i 0 i 2.在es5中引入了foreach var arr 1,2,3,4 arr.foreach function value,index,arr 缺點 在foreach使用return會失效，break會報錯 都跳不出迴圈 3.for in 遍歷 只用於遍歷物件...