02-遍历数组的方法

Posted 2021-02-12 sikongdada

 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);  // 12
42 
43 
44 /// 7.findIndex()      过滤出符合条件的第一个值的索引,否则就返回-1
45 // 获取第一个大于10的下标
46 let arr7 = [5, 12, 8, 130, 44]
47 arr7 = arr7.findIndex( item => {
48     return item > 10
49 })
50 console.log(arr7);  // 1