這篇是我自己總結的,是我自己平常使用的不是很多的數組方法,而且都是js自帶的,像大家經常使用的push、pop方法就沒寫裏面。廢話不多說,直接看代碼
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <h1>測試數組一些常用的方法</h1> 9 <ol> 10 <li>every方法,滿足函數的所有條件,則返回true,否則返回false。<i>(引用的時候,函數不用加括號)。</i></li> 11 <li>some方法,與上面的方法相反,只要有一個滿足的,就能返回false,否則返回false。</li> 12 <li>filter方法,篩選出符合規則的項,並且返回一個<i>(新的數組)</i>。</li> 13 <li>flat方法,array.flat([depth])方法通過遞歸扁平屬於數組的項直到一定深度來創建新數組。 depth可選參數默認爲1。<i>會創建一個新的數組</i></li> 14 </ol> 15 </body> 16 <script type="text/javascript"> 17 18 var arr1 = [0,2,4,6,8,10]; 19 var arr2 = [0,2,4,6,8,10,11]; 20 21 // every方法,滿足函數的所有條件,則返回true,否則返回false。 22 23 function isEven(num){ 24 return num%2 === 0; 25 } 26 console.log(arr1.every(isEven));//這裏需要注意的是,這個函數的調用不用添加括號 27 console.log(arr2.every(isEven)); 28 29 // some方法,與上面的相反,只要有一個滿足條件,那就是true,否則返回false 30 31 function isOdd(num){ 32 return num%2 != 0; 33 } 34 console.log(arr1.some(isOdd)); 35 console.log(arr2.some(isOdd)); 36 37 // filter方法,篩選出符合規則的項,並且返回一個新的數組 38 39 console.log(arr1.filter(isEven)); 40 console.log(arr2.filter(isOdd)); 41 42 // 對數組進行扁平化操作 43 var arr3 = [1,2,3,[9,4,[5],6],7,[8],[10]]; 44 console.log(arr3); 45 console.log(arr3.flat(2)); 46 </script> 47 </html>
一共總結了四個方法,如果大家覺得不過癮,想要看全部的方法,請點擊這個的鏈接