演示所用數(shù)組
代碼如下:
var _mozi=['墨家','墨子','墨翟','兼愛非攻','尚同尚賢'];
1. $.each遍歷示例[常用]
代碼如下:
$.each(_mozi,function(key,val){
//回調(diào)函數(shù)有兩個參數(shù),第一個是元素索引,第二個為當(dāng)前值
alert('_mozi數(shù)組中 ,索引 : '+key+' 對應(yīng)的值為: '+val);
});
2. $.grep()過濾數(shù)組[常用]
代碼如下:
$.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ù)組[一般]
代碼如下:
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ù)組中重復(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ù)組[不常用]
代碼如下:
var _makeArr=$.makeArray(h2obj);
alert('h2元素對象集合的數(shù)據(jù)類型轉(zhuǎn)換為: '+_makeArr.constructor.name);
8. $.toArray()將所有DOM元素恢復(fù)成數(shù)組[不常用]
新聞熱點
疑難解答
圖片精選