underscore的幾個集合的方法操做【5】

時間 2019-11-18

原文原文鏈接

貼本身寫的代碼：html

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>集合類</title>
 6 <script src="underscore.js"></script>
 7 <script>
 8 
 9     /*
10         集合類通常有數組和 對象
11     */
12     var data={
13         name:'Underscore',
14         email:'taobao@qq.com',
15         say:function(){
16             document.title=1;        
17         }
18     }
19     
20     var num=[1,2,3,4,5,6];
21     var result=[];
22     
23     /*
24         each() 和 map()函數 遍歷方法 each()沒有返回值 map有返回值
25     */
26     _.each(num,function(n){
27         if(!(n%2)){
28             console.log(n);            
29         }
30     })
31     
32     
33     _.map(num,function(n){
34         
35         if(!(n%2)){
36             result.push(n);    
37         }
38                 
39     })
40     
41 
42     console.log(result);//[2,4,6]
43     
44     //當傳入是一個對象的時候，iterator迭代器參數爲(key,value,object);
45     _.map(data,function(value,key,obj){
46         console.log(key+'->'+value);    
47     })
48     
49     
50     //find()函數,該函數的功能是：根據iterator迭代器中的自定義函數條件，在list列表中查找符合條件的第一個元素項，若是找到，返回第一個元素項，不然返回"undefined"
51     
52     var n=_.find(num,function(n){
53             return n>3;    
54     })
55     
56     console.log(n);//n=4
57     
58     //filter()方法返回一個符合的數組  
59     var m=_.filter(num,function(n){
60         return n>3;            
61     })
62     
63     console.log(m);
64     
65     
66     //sortBy() 排序方法
67     
68     var stu = [  
69          { name: '張三', score: 60 },  
70          { name: '李四', score: 40 },  
71          { name: '王二', score: 80 }  
72     ]; 
73     var sort=_.sortBy(stu,function(n){
74             return n.score;        
75     })
76     console.log(sort);
77     for(var p in sort){
78         console.log(sort[p].name+'->'+sort[p].score);    
79     }
80     
81     //groupBy()分組函數
82     
83     var group=_.groupBy(stu,function(n){
84         return n.score>60;        
85     })
86     console.log(group);
87 </script>
88 </head>
89 
90 <body>
91 </body>
92 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。