jQuery數(shù)組處理代碼詳解(含實例演示)
演示所用數(shù)組
var _mozi=['墨家','墨子','墨翟','兼愛非攻','尚同尚賢'];
1. $.each遍歷示例[常用]
$.each(_mozi,function(key,val){
//回調函數(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()按給定條件轉換數(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ù)組對象轉換為數(shù)組[不常用]
var _makeArr=$.makeArray(h2obj);
alert('h2元素對象集合的數(shù)據(jù)類型轉換為: '+_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ù)組操作大全個人總結
- jquery遍歷數(shù)組與篩選數(shù)組的方法
- jQuery教程 $()包裝函數(shù)來實現(xiàn)數(shù)組元素分頁效果
- jquery ajax 向后臺傳遞數(shù)組參數(shù)示例
- jQuery中json對象的復制方式介紹(數(shù)組及對象)
- Jquery post傳遞數(shù)組方法實現(xiàn)思路及代碼
- 基于jQuery中對數(shù)組進行操作的方法
- jquery如何把參數(shù)列嚴格轉換成數(shù)組實現(xiàn)思路
- jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
- jQuery使用數(shù)組編寫圖片無縫向左滾動
- js jquery數(shù)組介紹
- jquery數(shù)組封裝使用方法分享(jquery數(shù)組遍歷)
相關文章
jQuery.cookie.js實現(xiàn)記錄最近瀏覽過的商品功能示例
這篇文章主要介紹了jQuery.cookie.js實現(xiàn)記錄最近瀏覽過的商品功能,結合實例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下2017-01-01ASP.NET jQuery 實例6 (實現(xiàn)CheckBoxList成員全選或全取消)
ASP.NET jQuery 實例6 (實現(xiàn)CheckBoxList成員全選或全取消) ,需要的朋友可以參考下。2012-01-01jQuery Ajax Post 回調函數(shù)不執(zhí)行問題的解決方法
本文是小編給大家?guī)淼膉Query Ajax Post 回調函數(shù)不執(zhí)行的原因及解決方法,在本文最下面還給大家附加jquery Ajax 不執(zhí)行回調函數(shù)success的原因,這兩個問題都非常多見,感興趣的朋友一起看下吧2016-08-08