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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM