JavaScript数组新特性 

 1 <!DOCTYPE html>
 2   2 <html lang="en">
 3   3 <head>
 4   4     <meta charset="UTF-8">
 5   5     <title>test1</title>
 6   6     <script>
 7   7        
 8  94         
 9  95         /*
10  96         
11  97         every,some  前者是遍历数组中的每一个元素，并执行函数运行，如果有一个返回false则返回false/后者如果有一个返回true则返回true
12  98         filter,map  前者遍历数组中的元素，可以理解为过滤元素，并执行函数运行，返回的是过滤后的数组/后者返回的是函数运行计算后的新值
13  99         forEach     遍历每一个元素，并执行一个函数，返回数组
14 100         
15 101         
16 102         */
17 103   
18 135         
19 136         
20 137         var arr = [1,4,2,5,7,2];
21 138         
22 139         var result1 = arr.every(function(item,index,array){
23 140             return item >4;//返回false
24 141         });
25 142         
26 143         console.log(result1);
27 144         
28 145         var result2 = arr.some(function(item,index,array){
29 146             return item >1
30 147         });
31 148         
32 149         console.log(result2);//返回true
33 150         
34 151         
35 152         var arr_filter = arr.filter(function(item,index,array){
36 153             return item < 5;
37 154         });
38 155         
39 156         console.log(arr_filter);//[1,4,2,2]
40 157         
41 158         var arr_map = arr.map(function(item,index,array){
42 159             return item >4;
43 160         });
44 161         
45 162         console.log(arr_map);//[false, false, false, true, true, false]
46 163         
47 164         
48 165         arr.forEach(function(item,index,array){
49 166             item = item *3;
50 167             console.log(item); //返回运算后的每一个元素
51 168         });
52 169         
53 170     </script>
54 171 </head>
55 172 <body>
56 173     
57 174 </body>
58 175 </html>

 

posted @ 2015-05-09 12:55  前端小晖  阅读(151)  评论(0)    收藏  举报