js自带的对数组中的操作

  这篇是我自己总结的,是我自己平常使用的不是很多的数组方法,而且都是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>

一共总结了四个方法,如果大家觉得不过瘾,想要看全部的方法,请点击这个的链接

 

posted @ 2019-11-26 14:40  程先生哈  阅读(331)  评论(0编辑  收藏  举报