JS的几种遍历方式

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             let arr = [1,2,3,4,5,6,7]
10             
11             // 都可以添加 (data,index,arr) data为当前元素，index为当前元素索引值，arr为当前元素所属数组
12             
13             // 过滤数据，返回一个新数组，不会改变原有的数组
14             let arr_filter = arr.filter((data,index,arr) => {
15                 return data > 4
16             })
17             console.log(arr_filter)
18             
19             // 返回值为布尔值
20             let arr_some = arr.some(data => {
21                 return data
22             })
23             console.log(arr_some)
24             
25             // 返回一个新数组，新数组中的成员为每一次调用函数的结果
26             let arr_map = arr.map(data => {
27                 return data * 2
28             })
29             console.log(arr_map)
30             
31             // 返回布尔值，判断每个成员是否都符合条件
32             let arr_every = arr.every(data => {
33                 return data > 1
34             })
35             console.log(arr_every)
36             
37             
38             // 返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回 undefined。
39             let arr_find = []
40             arr.find((data) => {
41                 if (data % 2 === 0) {
42                     arr_find.push(data)
43                 }
44             })
45             console.log(arr_find)
46         </script>
47     </body>
48 </html>