jquery里和操作数组的相关的:$.merge合并 $.unique去重 $.grep过滤 $.inArray查找等函数的具体使用实例亲测 原创

文章标签: jquery数组
  • :
  • 06-17 16:11
  • :
  • 121次
  • :
  • 0条
  • 4赞

简介jquery里和数组相关的四个函数,$.merge,$.unique,$grep,$.inArray的具体使用方法和实例。l

本文站长整理了下jquery里和数组的操作相关的四个函数的具体使用方法,并列举了相关的实例,本文绝对不是站长从网上复制过来的,并且保证本文里的所有实例都是站长原创和亲测的,文章的最后站长会给大家完整的在线实例演示地址:

1.$.merge函数,用来合并数组:

var aijquery1=["a","b","c"];
var aijquery2=["1","2","3"];
var arr=$.merge(aijquery1,aijquery2);
$("#merge").text(arr.join(","));  //输出的结果为:a,b,c,1,2,3

//也可以直接用js里合并数组的方法:concat
var arr=aijquery1.concat(aijquery2); //输出的结果为:a,b,c,1,2,3


2.$.unique函数,用来去除数组里重复的元素:

var aijquery3=["a","b","c","a","d"];
var arr=$.unique(aijquery3);
$("#unique").text(arr.join(","));  //输出为:d,c,b,a

//注意:在使用$.unique后,会修改原本的数组:
$("#unique").text(aijquery3.join(","));   //输出为:d,c,b,a


3.$.grep函数,用来过滤数组:

先来看$.grep函数的使用方法说明:

$.grep(array, callback, [invert]);

array:待过滤的数组;
callback:用来设置过滤条件的函数,有两个参数,第一个参数表示当前元素,第二个参数表示元素的索引值;
invert:可省略,如果未设置或设为false,则根据callback来返回符合要求的元素,如果设置为true,则返回相反的结果


再来看具体的实例:

var aijquery4=[1,2,-1,3,-2,4];
var arr=$.grep(aijquery4,function(n,i){return n>0;});
$("#grep").text(arr.join(","));   //输出为1,2,3,4

var arr=$.grep(aijquery4,function(n,i){return n>0;},true);
$("#grep").text(arr.join(","));   //输出为-1,-2


4.$.inArray函数,用来查找数组中是否存在指定的值,存在则返回具体的位置,不存在则返回-1:

var aijquery5=["aa","ab","ac","dd"];
var inum=$.inArray("ab",aijquery5);
$("#inArray").text(inum);    //输出为 1

以前站长写过一篇关于$.inArray的高级用法:jquery里判断数组内是否包含了指定的值或元素的方法


本文上面所有涉及到的实例,都可以在这这里查看在线演示:

jquery里与数组相关的几种操作的在线演示



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-13 11:03:49