新普京网站-澳门新普京 > 新普京网站 > jQuery数组处理代码详解_jquery_脚本之家,jquery基础教程之数组使用详解_jquery_脚本之家

jQuery数组处理代码详解_jquery_脚本之家,jquery基础教程之数组使用详解_jquery_脚本之家

2019/12/29 23:56
  1. $.each 遍历[常用]

演示所用数组

表达: 分歧于例遍jQuery对象的$方法,此措施可用来例遍任何对象。回调函数具备三个参数:第三个为目的的积极分子或数组的目录, 第叁个为相应变量或内容. 假使急需退出each循环可使回调函数重回false, 别的再次回到值将被忽略。

复制代码 代码如下:var _mozi=['墨家','墨翟','墨子','兼爱非攻','尚同尚贤'];

each遍历,相信都不目生,在平常的事件管理中,是for循环的变体,但比for循环强盛。在数组中,它可以轻松的打下数组索引及对应的值。例:

1. $.each遍历示例[常用]

复制代码 代码如下:var _mozi=['道家','墨翟','墨子','兼爱非攻','尚同尚贤']; //本文所用到的数组, 下同 $.each(_mozi,function{ //回调函数有八个参数,第4个是因素索引,首个为当前值 alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+valState of Qatar; }State of Qatar;

复制代码 代码如下:$.each(_mozi,function{ //回调函数有四个参数,第多少个是因素索引,第四个为近期值 alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+val卡塔尔; }State of Qatar;

对峙于原生的for..in,each更健康一点。for..in也能够遍历数组,并赶回对应索引,但值是亟需经过arrName[key]来获取。

2. $.grep(State of Qatar过滤数组[常用]

  1. $.grep(array, callback, [invert]卡塔尔国过滤数组[常用]

复制代码 代码如下:$.grep(_mozi,function{ //过滤函数有三个参数,第贰个为当下成分,第四个为成分索引 if{ alert; } }State of Qatar; var _moziGt1=$.grep(_mozi,function{ return key>1; }); alert('_mozi数组中索引值大于1的因素为: '+_moziGt1); var _moziLt1=$.grep(_mozi,function{ return key>1; },true卡塔尔(قطر‎; //此处传入了第多少个保险参数,对过滤函数中的再次回到值取反 alert('_mozi数组中索引值小于等于1的成分为: '+_moziLt1);

疏解: 使用过滤函数过滤数组成分.此函数最少传递多个参数(第八个参数为true或false,对过滤函数重回值取反,个人认为用场十分的小卡塔尔国: 待过滤数组和过滤函数. 过滤函数必需回到true以保留成分或 false 以删除成分. 其它,过滤函数还能是可安装为一个字条串。

3. $.map(卡塔尔(قطر‎按给定条件转移数组[一般]

复制代码 代码如下:$.grep(_mozi,function{ //过滤函数有八个参数,第叁个为当下成分,第叁个为成分索引 if{ alert; } }卡塔尔; var _moziGt1=$.grep(_mozi,function{ return key>1; }); alert('_mozi数组中索引值大于1的元素为: '+_moziGt1); var _moziLt1=$.grep(_mozi,function{ return key>1; },true卡塔尔(قطر‎; //此处传入了第八个有限帮助参数,对过滤函数中的再次来到值取反 alert('_mozi数组中索引值小于等于1的要素为: '+_moziLt1);

复制代码 代码如下:var _mapArrA=$.map{ return val+'[新加]'; }); var _mapArrB=$.map{ return val=='墨子' ? '[只给墨翟加]'+val : val; }); var _mapArrC=$.map{ //为数组成分扩张一个新因素 return [val,; alert('在各类成分前面加'[新加]'字符后的数组为: '+ _mapArrA卡塔尔; alert('只给元素 墨翟 加多字符后的数组为: '+ _mapArrBState of Qatar; alert('为原数组中种种元素,扩大三个增添字符'[新加]'的要素,重返的数组为 '+_mapArrC);

  1. $.map按给定条件转移数组 [一般]

4. $.inArray(卡塔尔剖断值是或不是留存于数组中[常用]复制代码 代码如下:var _exist=$.inArray; var _inexistence=$.inArray if{ alert('墨子存在于数组_mozi中,其在数组中索引值是: '+_exist卡塔尔(قطر‎; } if{ alert('商鞅不设有于数组_mozi中!,重回值为: '+_inexistence+'!'); }

解说:作为参数的调换函数会为各类数组成分调用, 而且会给这几个转变函数字传送递贰个意味被转移的要素作为参数. 调换函数能够再次回到调换后的值、null或二个包括值的数组, 并扩展至原始数组中。

5. $.merge(State of Qatar归并七个数组[一般]

这几个是个很刚劲的主意,但并不经常用. 它能够依据特定条件,更新数组成分值,或依据原值扩张叁个新的别本成分。

复制代码 代码如下://原生concat(卡塔尔国可能比它还简要点 _moziNew=$.merge(_mozi,['鬼谷子','商鞅','孙膑','庞涓','苏秦','张仪']State of Qataralert('归中国人民解放军总后勤部新数老总度为: '+_moziNew.length+'. 其值为: '+_moziNew);

复制代码 代码如下:var _mapArrA=$.map{ return val+'[新加]'; }); var _mapArrB=$.map{ return val=='墨子' ? '[只给墨翟加]'+val : val; }); var _mapArrC=$.map{ //为数组成分扩展多个新因素 return [val,; alert('在各样成分前边加'[新加]'字符后的数组为: '+ _mapArrA卡塔尔; alert('只给元素 墨翟 加多字符后的数组为: '+ _mapArrBState of Qatar; alert('为原数组中种种成分,扩展二个加多字符'[新加]'的要素,重回的数组为 '+_mapArrC);

6. $.unique(State of Qatar过滤数组中重新成分[不常用]

上一篇:判断一个对象是否为jquery对象的方法_jquery_脚本之家 下一篇:javascript中interval与setTimeOut的区别示例介绍_基础知识_脚本之家