jq遍历数组 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>jq 中 数组处理函数</title>
 6 </head>
 7 <body>
 8     <h1>jQuery中数组处理</h1>
 9 
10 </body>
11     <script type="text/javascript" src = "js/jquery.js"></script>
12     <script type="text/javascript">
13         
14     // 1, $.each(array,[callback]) 遍历
15         var _language = ['java','python','c','c++','c#'] ; 
16 
17         //回调函数有两个参数， 第一个是数组索引 ,第二个为当前值
18         $.each(_language,function(key,val){
19             console.log('_language数组中，索引 ： ' + key + '对应的值为 ：' + val);
20         })
21         
22 
23     // 2, $.grep(array,callback,[invert]) 过滤数组
24         $.grep(_language,function(val,key){
25             //过滤函数有两个参数，第一个为当前元素 ,第二个为元素索引 
26             // 参数引用方式和each 相反
27             if(val =="java"){
28                 console.log('数组为java的下标是：' + key);
29             }
30         });
31 
32         // 大于
33         var _languageGt1 =$.grep(_language,function(val,key){
34             return key>1;
35         });
36         console.log('_language 索引中引值大于1的元素为: ' + _languageGt1);
37 
38         // 小于
39         var _languageLt1 = $.grep(_language,function(val,key){
40             return key<1;
41         })
42         console.log('_language索引中引值小于1的元素为' + _languageLt1);
43 
44     //3, $map(array,[callback])  按给定条件转换数组
45 
46         var _mapArrA = $.map(_language,function(val){
47             return val+'[新加]';
48         });
49         var _mapArrB = $.map(_language,function(val){
50             return val == 'java' ? '[只给java加]' + val : val;
51         });
52         var _mapArrC =$.map(_language,function(val){
53             //为数组元素扩展一个新元素
54             return [val,(val+'[扩展的元素]')];
55         });
56 
57         console.log('在每个元素后面字符后的数组为' + _mapArrA);
58         console.log('只给元素java添加字符后的数组为：' + _mapArrB);
59         console.log('为原数组中每个元素,扩展一个添加字符的元素，返回的数组为 ' + _mapArrC);
60 
61     // 4, $.inArry(val,array) 判断值是否存在数组中[常用]
62         // 同 index
63 
64         var _exist = $.inArray('java',_language);
65         var _inexistence = $.inArray('javascript',_language)
66         if(_exist >= 0){
67             console.log('java 存在于数组_language中,其存在的的索引是' + _exist);
68         }
69         if(_inexistence<0){
70             console.log('javascript 不存在数组_language中,返回值为:' + _inexistence + '!');
71         }
72 
73     //5, $.merge(first,second) 合并两个数组
74         _languageNew = $.merge(_language,['ios','androad','html','css'])
75         console.log('合并后新数组长度为：' + _languageNew.length+ ". 其值为 :" + _language);
76 
77     // 以上列举的为常用的    
78         
79 
80 
81 
82     </script>
83 </html>

 

posted @ 2017-08-03 14:37  金桔柠檬茶  阅读(1359)  评论(0)  编辑  收藏  举报