Jquery中对数组的操作

来源:互联网 发布:mac鼠标玩lol 编辑:程序博客网 时间:2024/05/22 04:50


一、遍历


$.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



0 0
原创粉丝点击