jQuery數(shù)組處理代碼詳解(含實(shí)例演示)
更新時(shí)間：2012年02月03日 15:01:39 作者：
jQuery數(shù)組處理代碼詳解，需要的朋友可以參考下
演示所用數(shù)組
復(fù)制代碼 代碼如下:
var _mozi=['墨家','墨子','墨翟','兼愛(ài)非攻','尚同尚賢'];
1. $.each遍歷示例[常用]
復(fù)制代碼 代碼如下:
$.each(_mozi,function(key,val){
//回調(diào)函數(shù)有兩個(gè)參數(shù),第一個(gè)是元素索引,第二個(gè)為當(dāng)前值
alert('_mozi數(shù)組中 ,索引 : '+key+' 對(duì)應(yīng)的值為: '+val);
});
2. $.grep()過(guò)濾數(shù)組[常用]
復(fù)制代碼 代碼如下:
$.grep(_mozi,function(val,key){
//過(guò)濾函數(shù)有兩個(gè)參數(shù),第一個(gè)為當(dāng)前元素,第二個(gè)為元素索引
if(val=='墨子'){
alert('數(shù)組值為 墨子 的下標(biāo)是: '+key);
}
});
var _moziGt1=$.grep(_mozi,function(val,key){
return key>1;
});
alert('_mozi數(shù)組中索引值大于1的元素為: '+_moziGt1);
var _moziLt1=$.grep(_mozi,function(val,key){
return key>1;
},true);
//此處傳入了第三個(gè)可靠參數(shù),對(duì)過(guò)濾函數(shù)中的返回值取反
alert('_mozi數(shù)組中索引值小于等于1的元素為: '+_moziLt1);
3. $.map()按給定條件轉(zhuǎn)換數(shù)組[一般]
復(fù)制代碼 代碼如下:
var _mapArrA=$.map(_mozi,function(val){
return val+'[新加]';
});
var _mapArrB=$.map(_mozi,function(val){
return val=='墨子' ? '[只給墨子加]'+val : val;
});
var _mapArrC=$.map(_mozi,function(val){
//為數(shù)組元素?cái)U(kuò)展一個(gè)新元素
return [val,(val+'[擴(kuò)展]')];
});
alert('在每個(gè)元素后面加\'[新加]\'字符后的數(shù)組為: '+ _mapArrA);
alert('只給元素 墨子 添加字符后的數(shù)組為: '+ _mapArrB);
alert('為原數(shù)組中每個(gè)元素,擴(kuò)展一個(gè)添加字符\'[新加]\'的元素,返回的數(shù)組為 '+_mapArrC);
4. $.inArray()判斷值是否存在于數(shù)組中[常用]
復(fù)制代碼 代碼如下:
var _exist=$.inArray('墨子',_mozi);
var _inexistence=$.inArray('衛(wèi)鞅',_mozi)
if(_exist>=0){
alert('墨子 存在于數(shù)組_mozi中,其在數(shù)組中索引值是: '+_exist);
}
if(_inexistence<0){
alert('衛(wèi)鞅 不存在于數(shù)組_mozi中!,返回值為: '+_inexistence+'!');
}
5. $.merge()合并兩個(gè)數(shù)組[一般]
復(fù)制代碼 代碼如下:
//原生concat()可能比它還簡(jiǎn)潔點(diǎn)
_moziNew=$.merge(_mozi,['鬼谷子','商鞅','孫臏','龐涓','蘇秦','張儀'])
alert('合并后新數(shù)組長(zhǎng)度為: '+_moziNew.length+'. 其值為: '+_moziNew);
6. $.unique()過(guò)濾數(shù)組中重復(fù)元素[不常用]
復(fù)制代碼 代碼如下:
var _h2Arr=$.makeArray(h2obj);
//將數(shù)組_h2Arr重復(fù)一次
_h2Arr=$.merge(_h2Arr,_h2Arr);
var _curLen=_h2Arr.length;
_h2Arr=$.unique(_h2Arr);
var _newLen=_h2Arr.length;
alert('數(shù)組_h2Arr原長(zhǎng)度值為: '+_curLen+' ,過(guò)濾后為: '+_newLen
+' .共過(guò)濾 '+(_curLen-_newLen)+'個(gè)重復(fù)元素')
7. $.makeArray()類數(shù)組對(duì)象轉(zhuǎn)換為數(shù)組[不常用]
復(fù)制代碼 代碼如下:
var _makeArr=$.makeArray(h2obj);
alert('h2元素對(duì)象集合的數(shù)據(jù)類型轉(zhuǎn)換為: '+_makeArr.constructor.name);
8. $.toArray()將所有DOM元素恢復(fù)成數(shù)組[不常用]
復(fù)制代碼 代碼如下:
var _toArr=$('h2').toArray();
alert('h2元素集合恢復(fù)后的數(shù)據(jù)類型是: '+_toArr.constructor.name);
您可能感興趣的文章:
- jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
- js/jquery解析json和數(shù)組格式的方法詳解
- jquery數(shù)組之存放checkbox全選值示例代碼
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- jquerydom對(duì)象的事件隱藏顯示和對(duì)象數(shù)組示例
- JavaScript1.6數(shù)組新特性介紹以及JQuery的幾個(gè)工具方法
- Jquery 數(shù)組操作大全個(gè)人總結(jié)
- jquery遍歷數(shù)組與篩選數(shù)組的方法
- jQuery教程 $()包裝函數(shù)來(lái)實(shí)現(xiàn)數(shù)組元素分頁(yè)效果
- jquery ajax 向后臺(tái)傳遞數(shù)組參數(shù)示例
- jQuery中json對(duì)象的復(fù)制方式介紹(數(shù)組及對(duì)象)
- Jquery post傳遞數(shù)組方法實(shí)現(xiàn)思路及代碼
- 基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法
- jquery如何把參數(shù)列嚴(yán)格轉(zhuǎn)換成數(shù)組實(shí)現(xiàn)思路
- jquery post方式傳遞多個(gè)參數(shù)值后臺(tái)以數(shù)組的方式進(jìn)行接收
- jQuery使用數(shù)組編寫圖片無(wú)縫向左滾動(dòng)
- js jquery數(shù)組介紹
- jquery數(shù)組封裝使用方法分享(jquery數(shù)組遍歷)
相關(guān)文章
jquery庫(kù)或JS文件在eclipse下報(bào)錯(cuò)問(wèn)題解決方法
在工程中導(dǎo)入jquery-1.7.1之后一直有一個(gè)紅叉叉，雖然不會(huì)影響程序功能，但是看著非常不舒服，下面有個(gè)不錯(cuò)的解決方法，大家可以嘗試下2014-04-04
基于jQuery的試卷自動(dòng)排版系統(tǒng)實(shí)現(xiàn)代碼
題目提干、選擇題的選項(xiàng)、說(shuō)明文字可以包含多媒體信息（文字、圖片、列表、表格、視頻等等……）。2011-01-01
jQueryMobile之Helloworld與頁(yè)面切換的方法
這篇文章主要介紹了jQueryMobile之Helloworld與頁(yè)面切換的方法,實(shí)例分析了jQueryMobile的基礎(chǔ)用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
簡(jiǎn)單實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了jquery中的過(guò)濾操作。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
有的時(shí)候我們希望保留右上的X，同時(shí)使用fancybox 的modal模式，怎么辦呢2012-10-10
Jquery圖片滾動(dòng)與幻燈片的實(shí)例代碼
Jquery圖片滾動(dòng)與幻燈片的實(shí)例代碼，需要的朋友可以參考一下2013-04-04
使用jQuery實(shí)現(xiàn)input數(shù)值增量和減量的方法
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)input數(shù)值增量和減量的方法,實(shí)例分析了Bootstrap TouchSpin插件的用法,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼控制按鈕禁用功能
最近接到新需求，需要實(shí)現(xiàn)一個(gè)點(diǎn)擊發(fā)送驗(yàn)證碼之后，按鈕禁用，在5秒之后取消禁用，看似需求很簡(jiǎn)單，實(shí)現(xiàn)起來(lái)還真的好好動(dòng)動(dòng)腦筋，下面小編把jquery控制按鈕禁用核心代碼分享給大家，需要的朋友參考下吧2021-07-07