jQuery數(shù)組處理代碼詳解(含實例演示)
演示所用數(shù)組
var _mozi=['墨家','墨子','墨翟','兼愛非攻','尚同尚賢'];
1. $.each遍歷示例[常用]
$.each(_mozi,function(key,val){
//回調(diào)函數(shù)有兩個參數(shù),第一個是元素索引,第二個為當前值
alert('_mozi數(shù)組中 ,索引 : '+key+' 對應的值為: '+val);
});
2. $.grep()過濾數(shù)組[常用]
$.grep(_mozi,function(val,key){
//過濾函數(shù)有兩個參數(shù),第一個為當前元素,第二個為元素索引
if(val=='墨子'){
alert('數(shù)組值為 墨子 的下標是: '+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);
//此處傳入了第三個可靠參數(shù),對過濾函數(shù)中的返回值取反
alert('_mozi數(shù)組中索引值小于等于1的元素為: '+_moziLt1);
3. $.map()按給定條件轉(zhuǎn)換數(shù)組[一般]
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ù)組元素擴展一個新元素
return [val,(val+'[擴展]')];
});
alert('在每個元素后面加\'[新加]\'字符后的數(shù)組為: '+ _mapArrA);
alert('只給元素 墨子 添加字符后的數(shù)組為: '+ _mapArrB);
alert('為原數(shù)組中每個元素,擴展一個添加字符\'[新加]\'的元素,返回的數(shù)組為 '+_mapArrC);
4. $.inArray()判斷值是否存在于數(shù)組中[常用]
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()合并兩個數(shù)組[一般]
//原生concat()可能比它還簡潔點
_moziNew=$.merge(_mozi,['鬼谷子','商鞅','孫臏','龐涓','蘇秦','張儀'])
alert('合并后新數(shù)組長度為: '+_moziNew.length+'. 其值為: '+_moziNew);
6. $.unique()過濾數(shù)組中重復元素[不常用]
var _h2Arr=$.makeArray(h2obj);
//將數(shù)組_h2Arr重復一次
_h2Arr=$.merge(_h2Arr,_h2Arr);
var _curLen=_h2Arr.length;
_h2Arr=$.unique(_h2Arr);
var _newLen=_h2Arr.length;
alert('數(shù)組_h2Arr原長度值為: '+_curLen+' ,過濾后為: '+_newLen
+' .共過濾 '+(_curLen-_newLen)+'個重復元素')
7. $.makeArray()類數(shù)組對象轉(zhuǎn)換為數(shù)組[不常用]
var _makeArr=$.makeArray(h2obj);
alert('h2元素對象集合的數(shù)據(jù)類型轉(zhuǎn)換為: '+_makeArr.constructor.name);
8. $.toArray()將所有DOM元素恢復成數(shù)組[不常用]
var _toArr=$('h2').toArray();
alert('h2元素集合恢復后的數(shù)據(jù)類型是: '+_toArr.constructor.name);
- jquery基礎教程之數(shù)組使用詳解
- js/jquery解析json和數(shù)組格式的方法詳解
- jquery數(shù)組之存放checkbox全選值示例代碼
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象
- jquerydom對象的事件隱藏顯示和對象數(shù)組示例
- JavaScript1.6數(shù)組新特性介紹以及JQuery的幾個工具方法
- Jquery 數(shù)組操作大全個人總結(jié)
- jquery遍歷數(shù)組與篩選數(shù)組的方法
- jQuery教程 $()包裝函數(shù)來實現(xiàn)數(shù)組元素分頁效果
- jquery ajax 向后臺傳遞數(shù)組參數(shù)示例
- jQuery中json對象的復制方式介紹(數(shù)組及對象)
- Jquery post傳遞數(shù)組方法實現(xiàn)思路及代碼
- 基于jQuery中對數(shù)組進行操作的方法
- jquery如何把參數(shù)列嚴格轉(zhuǎn)換成數(shù)組實現(xiàn)思路
- jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
- jQuery使用數(shù)組編寫圖片無縫向左滾動
- js jquery數(shù)組介紹
- jquery數(shù)組封裝使用方法分享(jquery數(shù)組遍歷)
相關(guān)文章
基于jQuery的試卷自動排版系統(tǒng)實現(xiàn)代碼
題目提干、選擇題的選項、說明文字可以包含多媒體信息(文字、圖片、列表、表格、視頻等等……)。2011-01-01
jQueryMobile之Helloworld與頁面切換的方法
這篇文章主要介紹了jQueryMobile之Helloworld與頁面切換的方法,實例分析了jQueryMobile的基礎用法,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
Jquery 動態(tài)添加元素并添加點擊事件實現(xiàn)過程解析
這篇文章主要介紹了Jquery 動態(tài)添加元素并添加點擊事件實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
使用jQuery實現(xiàn)input數(shù)值增量和減量的方法
這篇文章主要介紹了使用jQuery實現(xiàn)input數(shù)值增量和減量的方法,實例分析了Bootstrap TouchSpin插件的用法,是非常實用的技巧,需要的朋友可以參考下2015-01-01
jQuery實現(xiàn)發(fā)送驗證碼控制按鈕禁用功能
最近接到新需求,需要實現(xiàn)一個點擊發(fā)送驗證碼之后,按鈕禁用,在5秒之后取消禁用,看似需求很簡單,實現(xiàn)起來還真的好好動動腦筋,下面小編把jquery控制按鈕禁用核心代碼分享給大家,需要的朋友參考下吧2021-07-07

