欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery數(shù)組處理代碼詳解(含實(shí)例演示)

 更新時間：2012年02月03日 15:01:39   作者：  
jQuery數(shù)組處理代碼詳解，需要的朋友可以參考下

演示所用數(shù)組

復(fù)制代碼 代碼如下:

var _mozi=['墨家','墨子','墨翟','兼愛非攻','尚同尚賢'];

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

復(fù)制代碼 代碼如下:

$.each(_mozi,function(key,val){
//回調(diào)函數(shù)有兩個參數(shù),第一個是元素索引,第二個為當(dāng)前值
alert('_mozi數(shù)組中 ,索引 : '+key+' 對應(yīng)的值為: '+val);
});

2. $.grep()過濾數(shù)組[常用]

復(fù)制代碼 代碼如下:

$.grep(_mozi,function(val,key){
//過濾函數(shù)有兩個參數(shù),第一個為當(dāng)前元素,第二個為元素索引
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);
//此處傳入了第三個可靠參數(shù),對過濾函數(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ù)組元素擴(kuò)展一個新元素
return [val,(val+'[擴(kuò)展]')];
});
alert('在每個元素后面加\'[新加]\'字符后的數(shù)組為: '+ _mapArrA);
alert('只給元素 墨子 添加字符后的數(shù)組為: '+ _mapArrB);
alert('為原數(shù)組中每個元素,擴(kuò)展一個添加字符\'[新加]\'的元素,返回的數(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()合并兩個數(shù)組[一般]

復(fù)制代碼 代碼如下:

//原生concat()可能比它還簡潔點(diǎn)
_moziNew=$.merge(_mozi,['鬼谷子','商鞅','孫臏','龐涓','蘇秦','張儀'])
alert('合并后新數(shù)組長度為: '+_moziNew.length+'. 其值為: '+_moziNew);

6. $.unique()過濾數(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原長度值為: '+_curLen+' ,過濾后為: '+_newLen
+' .共過濾 '+(_curLen-_newLen)+'個重復(fù)元素')

7. $.makeArray()類數(shù)組對象轉(zhuǎn)換為數(shù)組[不常用]

復(fù)制代碼 代碼如下:

var _makeArr=$.makeArray(h2obj);
alert('h2元素對象集合的數(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);

相關(guān)文章

最新評論