js遍歷陣列(物件)

2021-10-04 02:11:10 字數 1705 閱讀 2805

例:

let arr=[1,2,3];

for (let i=0; iconsole.log(arr[i]);

}輸出結果:1;2;3

例:let arr=[1,2,3];

for (let i in arr)

輸出結果:1;2;3

說明:同普通for迴圈,以key遍歷查詢陣列或物件

例:let arr=[1,2,3];

for (let item of arr)

輸出結果:1;2;3

說明:同普通for迴圈,以value遍歷查詢陣列或物件

補充:與第二種迴圈方式不同,這種方法是以value遍歷。因為是es6引入的新特性,所以整體上比第二種迴圈方式更好用,只是無法直接使用陣列索引index,具體使用需要結合業務邏輯來用。

例:let arr=[1,2,3];

let num=0;

while (num < 3)

輸出結果:1;2;3

說明:先判斷,再執行,用於條件選擇遍歷陣列

例:let arr=[1,2,3];

let num=0;

do while(num < 3)

輸出結果:1;2;3

說明:先執行,再判斷,用於條件選擇遍歷陣列

例:let arr=[1,2,3];

arr.map((item, index, arr)=>);

輸出結果:1      0      1,2,3

2      1      1,2,3

3      2      1,2,3

item:每個陣列元素;

index:陣列索引;

arr:需要遍歷的陣列

說明:js自帶的map方法,也是常見的陣列遍歷方法,重點是支援return返回值

例:let arr=[true, true, true];

let result=arr.every((item, index) => ) ;

console.log(result);

輸出結果:true

let arr=[true, false, true];

let result=arr.every((item, index) => ) ;

console.log(result);

輸出結果:false

item:每個陣列元素;

index:陣列索引;

說明:從上面兩個例子可以看出,every方法必須返回boolean型別的值,當遍歷條件都成立時,整體返回true;否則,返回false,適用於遍歷驗證的場合。

例:let arr=[false, false, false];

let result=arr.some((item, index) => ) ;

console.log(result);

輸出結果:false

let arr=[false, true, false];

let result=arr.some((item, index) => ) ;

console.log(result);

輸出結果:true

item:每個陣列元素;

index:陣列索引;

說明:從上面兩個例子可以看出,some方法必須返回boolean型別的值,它與every方法完全相反。當遍歷條件中有乙個成立,整體返回true;否則,返回false,適用於遍歷驗證的場合。

js 遍歷陣列 1 1

every如果每項返回值都為true,則返回true currentvalue 必須。當前元素的值 index 可選。當前元素的索引值 arr 可選。當前元素屬於的陣列物件 thisvalue 可選。用作 this 的值。array.every function currentvalue,index...

js遍歷陣列和物件的方法

第二條鏈結裡有分析不同遍歷方式的效率 var arr name age var obj for in遍歷陣列和和物件 for key in obj foreach遍歷陣列,三個引數依次是陣列元素 索引 陣列本身 arr.foreach function value,index,array 返回乙個陣...

js 常見的遍歷陣列 物件 方法

原生js const obj for let key in obj 獲得所有的key console.log object.keys obj 獲得所有的value console.log object.values obj jquery each arr,function index,value c...