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>
