1 //es5 中遍歷資料的方法
2 3 //
1.foreach() 遍歷
4 //
需求:遍歷陣列["張飛","關羽","趙雲","馬超"]
5 let arr1 = ["張飛","關羽","趙雲","馬超"];
6 arr1.foreach((v,i) => console.log(v)) //
"張飛","關羽","趙雲","馬超"
7 8
9 //
2.map() 對映 遍歷陣列,返回乙個經過函式處理過的陣列,陣列的長度不變;
10 //
需求:遍歷陣列,求每一項的平方存在於乙個陣列中
11 let arr2 = [1,2,3,4,5]
12 arr2 = arr2.map(item => item *item )
13 console.log(arr2) //
[ 1, 4, 9, 16, 25 ]
14 15
16 //
3.filter() 過濾 過濾出符合條件的值,返回乙個新陣列
17 //
需求:遍歷陣列,將陣列中工資超過5000的值過濾出來 [1000, 5000, 20000, 3000, 10000, 800, 1500]
18 let arr3 = [1000, 5000, 20000, 3000, 10000, 800, 1500]
19 arr3 = arr3.filter( item => item >= 5000)
20 console.log(arr3); //
[ 5000, 20000, 10000 ]
21 22
23 //
4.some() 判斷 陣列中有乙個值滿足判讀條件,就返回true
24 //
需求:遍歷陣列,判斷陣列是否包含奇數,[2,4,6,8,10,9]
25 let arr4 = [2,4,6,8,10,9]
26 let b1 = arr4.some( item => item %2 === 1)
27 console.log(b1); //
true
28 29
30 //
5.every() 判斷 陣列中全部都滿足條件,就返回true
31 //
需求:遍歷陣列,判斷陣列是否都是偶數,[2,4,6,8,10,9]
32 let arr5 = [2,4,6,8,10,9]
33 let b2 = arr5.every( item => item %2 === 0)
34 console.log(b2); //
false
35 36
37 //
6.find() 過濾 過濾出符合條件的第乙個值,否則就返回undefined
38 //
獲取第乙個大於10的數
39 let arr6 = [5, 12, 8, 130, 44];
40 arr6 = arr6.find( item => item > 10)
41 console.log(arr6); //
1242
43 44 //
/ 7.findindex() 過濾出符合條件的第乙個值的索引,否則就返回-1
45 //
獲取第乙個大於10的下標
46 let arr7 = [5, 12, 8, 130, 44]
47 arr7 = arr7.findindex( item =>)
50 console.log(arr7); //
1
1 遍歷陣列知識
1 public w3c dtd xhtml 1.0 transitional en 237 891014 15 1617 陣列定義 18 定義方式不同,陣列裡面可以放任何型別的資料 19 索引陣列的定義 20 attr array 1,2,3,4,aa 21 print r attr 22 關聯陣...
用陣列指標遍歷陣列,FOR FOREACH遍歷陣列
1.用陣列指標遍歷一維陣列 phpheader content type text html charset utf 8 用陣列指標遍歷一位陣列的值 arr array a b c d echo current arr 返回指標當前單元的值 echo next arr 指標引動到下乙個單元 echo...
遍歷陣列,遍歷物件的方法
遍歷陣列 方法1 for 迴圈 使用臨時變數將陣列長度快取起來,避免重複獲取陣列長度 for var i 0,leng arr.length i leng i 方法2 foreach迴圈 遍歷陣列中的每一項,沒有返回值,對原陣列沒有影響,不支援ie arr.foreach item,index,ar...