1. 程式人生 > 其它 >JS的陣列遍歷方法

JS的陣列遍歷方法

技術標籤:踩過的坑js

JS的陣列遍歷方法

常用的有find、findIndex、filter、forEach、map、every、some
首先定義一個實驗用的陣列:

let arr=[{x:1},{x:2},{x:3}]

1. find

arr.find(item=>item.x===3)
arr.find(item=>item.x===4)

在這裡插入圖片描述
陣列成員依次執行回撥函式,直到找出第一個返回值為true的成員,然後返回該成員。否則返回undefined。

2.findIndex

arr.findIndex(item=>item.x===3)

陣列成員依次執行回撥函式,直到找出第一個返回值為true的成員,然後返回該索引值。否則返回-1。

在這裡插入圖片描述
3.filter

arr.filter(item=>item.x!==1)

所有成員依次進行條件判斷,返回一個數組,包含所有滿足條件的成員。
在這裡插入圖片描述
4.forEach

arr.forEach(item=>console.log(item))

遍歷陣列全部元素,不支援return輸出
在這裡插入圖片描述

5.map

arr.map(item=>console.log(item))

遍歷陣列全部元素,支援return輸出
在這裡插入圖片描述
6.every

arr.every(item=>item.x)
arr.every(item=>item.x===1)

遍歷所有成員,若所有成員滿足條件則返回true

在這裡插入圖片描述

6.some

arr.some(item=>item.x)
arr.some(item=>item.x===1)

遍歷所有成員,若有至少一個成員滿足條件則返回true
在這裡插入圖片描述