使用方法共享的jQuery数组封装(jQuery数组遍历)

使用方法共享的jQuery数组封装(jQuery数组遍历)
每个(数组,{ })遍历

与jQuery对象(每一种情况方法不同的是,这种方法可以用于任何对象(不只是一个数组)的情况下。回调函数有两个参数:第一个是成员或数组对象索引,而值是第二个。如果需要退出,每个循环可以使回调返回其他false,返回值将被忽略。

每个遍历,相信都不是陌生的,在普通事件处理中,对于循环变化,但比数组中的循环更强大。它可以很容易地捕获,数组索引和相应的值:

该方法的使用如下:
复制代码代码如下所示:
var arr = { 'javascript ','php ','java,C + +,C # ','perl ','vb ','html ','css ','objective-c};
美元。每个(ARR,功能(关键,Val){
萤火虫 / /控制
console.log('index ARR:+键+
如果您想要退出循环
返回/ false;
});
另一个测试程序
{代码}
苹果,香蕉,橘子,哈密,芒果;
/ /集对象与本地getElementsByTagName得到H2元
无功h2obj = document.getelementsbytagname('h2);

每个()遍历数组。
$(输入# js_each)。Click(function(){)
每一个(水果,函数(键,缬氨酸){
这个回调函数有两个参数,第一个是元素的索引,第二个是当前值。
警报(在the'fruit数组索引:相应的值为+键+:+ Val);
});
});

{代码}
每一个都比本土的要强一点。对..也可以遍历数组并返回相应的指标,但价值需要得到arrname {重点};

美元。grep(阵列,回调,{逆})滤波

使用过滤器数组过滤元素。这个函数至少传递两个参数(第三个参数为真或假,滤波函数返回的值反,个人觉得有用):要过滤和过滤的函数。数组筛选函数必须返回true以保留元素或false以删除元素。此外,过滤功能也可以设置为字符串(个人注释不建议自己检查);
复制代码代码如下所示:
v };
Temp = $.grep (arr, function (Val, key) {
如果(val.indexof(C)!= 1)
返回true;
/ /如果{逆}参数不是虚假或美元。grep,数组元素只收集回调函数返回真
/ /而{逆}参数为TRUE,美元。grep收集回调函数返回错误的元素的数组
},假);
Console.dir(临时);
另一个测试程序:
复制代码代码如下所示:
/ /美元。grep()滤波器阵列
$(输入# js_grep)。Click(function(){)
美元。grep(水果、功能(Val,关键){
过滤功能有两个参数,第一个是当前元素,第二个元素索引
如果(val = = 'mango){
('array警戒值的下标芒果:+键);
}
});

无功_mozigt1 =美元。grep(水果、功能(Val,关键){
返回键> 1;
});
警报(元素值超过1 the'fruit阵列:+ _mozigt1);

无功_mozilt1 =美元。grep(水果、功能(Val,关键){
返回键> 1;
},真的);
在这里,第三个可靠的传入参数,反滤波函数中的返回值。
警报(元素的索引值小于1 the'fruit阵列:+ _mozilt1);
});
map(数组,{ })在给定的条件转换数组。

作为每个数组元素调用传递函数的参数,并给出转换函数的表示,将转换后的元素作为参数传递。转换函数可以值,null返回转换(删除数组项)或数组中包含的值,并扩展到原始数组。这是一个非常强大的方法,但并不常用。它可以根据具体的条件,更新数组元素值,或者根据原扩展元素的一个新副本。
复制代码代码如下所示:
以前的版本1.6只支持数组。
温度=美元。地图(ARR,功能(Val,关键){
返回null,返回的数组长度为1。
如果(val = 'vb)返回null;
瓦迩回来了;
});
Console.dir(临时);
1.6开始以JSON格式支持对象。
var obj = { KEY1:'val1,KEY2:'val2,KEY3:'val3};
温度=美元。地图(obj,功能(Val,关键){
瓦迩回来了;
});
Console.dir(临时);
另一个测试程序:
复制代码代码如下所示:
map()在给定条件下转换数组。
$(输入# js_map)。Click(function(){)
无功_maparra =美元。地图(水果、功能(Val){)
用新的返回;
});
无功_maparrb =美元。地图(水果、功能(Val){)
返回值= = 'apple只有苹果和} +瓦尔:Val;
});
无功_maparrc =美元。地图(水果、功能(Val){)
扩展数组元素的新元素
返回{;
});
警报(在每个单元后面{新} 后的字符数组是:+ _maparra);
警报(只有添加元素的苹果后的字符数组是:+ _maparrb);
警报(因为数组中的每个元素,原拓新} {增加个性元素,返回的数组的+ _maparrc);
});
美元。内部数组(Val,阵列)决定价值存在于阵列

要确定数组中第一个参数的位置,从0开始计数(如果找不到返回- 1)。(指标)方法:记住(返回)返回一个字符串,这是第一次,和美元。内部数组()返回数组中的参数位置。类似地,如果找到,返回值大于或等于0,返回值为1。如果现在没有找到,知道如何使用它。有了它,判断数组中是否存在一个值,就很容易做到。
复制代码代码如下所示:
返回数组中的元素位置,0为起始位置,返回- 1没有找到元素。
console.log(美元。内部数组('javascript,ARR));
测试程序:
{代码}
/ /美元。内部数组确定值在数组中,并没有恢复到1,并有一个返回相应的指标值
$(输入# js_inarray)。Click(function(){)
无功_exist =美元。内部数组('mango,水果);
无功_inexistence =美元。内部数组('durian,水果)
如果(_exist > = 0){
警报('mango是数组中的水果,其指标值在数组中的+ _exist);
}
如果(_inexistence<0){
警报('durian不存在数组中的水果!返回值:_inexistence + +!);
}
});
合并(第一,第二)合并两个数组

数组元素后面的第一个元素,返回数组返回的内容,将修改第一个数组。这种方法是使用jQuery的方法代替原来的concat()方法,但功能不强,(连接)(连接)也可以合并多个数组。
复制代码代码如下所示:
VaR前端= { 'javascript ','css ','html},
后台= { 'java ','php,c + +};
这种方式将 / /修改第一个参数,即前端阵列
温度=美元。合并(前端,后端);
Console.dir(临时);
Console.dir(前端);
可采用以下方法避免原数组的影响
($ / /美元。合并。合并({ },前端),后端);
测试程序
复制代码代码如下所示:
合并()合并两个数组
$(输入# js_merge)。Click(function(){)
(连接)/本地比它简单
fruitnew =美元。合并(水果,{桃子、火龙、西瓜、杨桃、荔枝龙眼',' })
警报(后合并,长度的新数组的值:+ fruitnew长度+。+ fruitnew);
});
筛选器数组中的唯一(数组)重复元素

以重复的元素删除数组。只删除元素的DOM数组,不能处理字符串或数字数组。第一次看到这个,认为这是一个非常方便的方法,可以重复过滤,哈萨克斯坦,比较完善,但仔细看看,只有DOM元素。8折。所以,我把它定义为一个公共元素,至少,我使用jQuery,因为它没有使用它。

复制代码代码如下所示:
之痛…
仅一个DOM元素数组,唯一的,DOM不支持删除重复元素,其他类型的数组(字符串或数字)
获取DOM数组原语,而不是jQuery包
var div = $('div)得到();
添加几类DUP / /格
div = divs.concat($('div.dup)。得到());
console.log(前独特:+ div。长度);
div =美元。独特的(div);
console.log(后独特的:+ div。长度);
测试程序:
复制代码代码如下所示:
在过滤器数组中重复元素(唯一的DOM元素数组)
$(输入# js_unique)。Click(function(){)
无功_h2arr =美元。makearray(h2obj);
将 /重复排列_h2arr
_h2arr = $(_h2arr合并,_h2arr);
无功_curlen = _h2arr.length;
_h2arr =美元。独特的(_h2arr);
无功_newlen = _h2arr.length;
警报('_h2arr数组的长度值是:+ _curlen +,+ _newlen +。经过过滤:过滤+(_curlen - _newlen)+重复元素);
});
美元。makearray(obj)转换成数组类数组对象

数组对象转换为一个对象数组,数组对象的长度属性,其成员的指数是0 length-1。这是一个额外的$方法,等于任何固有包含此函数的方法。说明jQuery网站很模糊。事实上,它是一种对象的数组(如集合对象相对应的元素)进入一个对象数组。

首先,对div = getelementsbytag数组对象在jQuery的网站有什么用('div)为例,该div的方法有一些类似数组的元素如长度等指标,由{ }的方式,然后美元。makearray(div)做为一个数组,可以使用数组其他功能,如反(POP)。(等)。
复制代码代码如下所示:
/ /美元。makearr()类数组的转换
$(输入# js_makearray)。Click(function(){)
无功_makearr =美元。makearray(h2obj);
警报(数据类型the'h2元对象集合转换为:+ _makearr。构造函数的名称);
});
$(DOM),ToArray()恢复所有的DOM元素为数组

恢复在jQuery集到一个数组中的所有DOM元素;它不是一个常用的方法,和个人甚至认为它是多余的makearray美元。
复制代码代码如下所示:
/ / $(DOM),ToArray(DOM)将恢复到一个数组中所有元素
$(输入# js_toarray)。Click(function(){)
_toarr = $(var 'h2)。ToArray();
警报(数据类型恢复后的of'h2元素是:+ _toarr。构造函数的名称);
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部