Jquery中对数组的操作



一、遍历

$.each(arr, callback(key, val));

1、回调函数拥有两个参数：第一个为对象的成员或数组的索引， 第二个为对应变量或内容

2、如果需要退出 each 循环，可使回调函数返回 false，用return false， 其它返回值将被忽略.

3、例如

 

var arr = [1, 2, 3, 4];
$.each(arr, function(key, val) {   
    console.log(arr[key] + '下标为' + key + '值为' + val);
    // 如果想退出循环
    // return false;
});

二、筛选

$.grep(arr, callback, invert)

1、此函数至少传递两个参数，第三个参数为true或false,对过滤函数返回值取反

2、默认invert为false, 即过滤函数返回true为保留元素. 如果设置invert为true, 则过滤函数返回true为删除元素.

3、过滤函数必须返回 true 以保留元素或 false 以删除元素.

4、例如

 

var temp = []; 
temp = $.grep(arr, function(val, key){ 
     if(val.indexOf('c') != -1)  
         return val; 
     // 如果[invert]参数不给或为false, $.grep只收集回调函数返回true的数组元素 
     // 反之[invert]参数为true, $.grep收集回调函数返回false的数组元素 
}, false); 

三、转换

$.map(arr,callback(key,val))

1、将一个数组中的元素转换到另一个数组中。

2、和each函数差不多,  区别就是回调函数可以改变当前元素.返回null则删除当前元素.

3、例如

 

var a = [1, 2, 3, 4];
$.map(a, function(val, key) { 
   //返回null,返回的数组长度减1
   if(val == 'vb') return null;
    if (a[key] > 2) {
        a[key]=val+1;
    }
    return val;              
});

四、合并

$.merge(arr1,arr2)

1、arr1后面加上arr2后返回arr1

2、例如

 

var frontEnd = ['javascript', 'css', 'html'], 
    backEnd = ['java', 'php', 'c++']; 
 // 这种方式会修改第一个参数, 即frontEnd数组 
 temp = $.merge(frontEnd, backEnd); 

 // 可以用下面的方式来避免对原数组的影响 
 // $.merge($.merge([], frontEnd), backEnd); 

文章转载自： Jquery对数组的操作   http://www.studyofnet.com/news/999.html