快捷導(dǎo)航

利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼

更新時(shí)間：2011年04月27日 22:34:23 作者：

利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼，需要的朋友可以參考下。

jQuery對(duì)于數(shù)組元素操作主要提供了以下工具：
(1)數(shù)組和對(duì)象的例遍：jQuery.each(obj,callback)
通用例遍方法，可用于例遍對(duì)象和數(shù)組。回調(diào)函數(shù)擁有兩個(gè)參數(shù)：第一個(gè)為對(duì)象的成員或數(shù)組的索引，第二個(gè)為對(duì)應(yīng)變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false，其它返回值將被忽略。
（2）數(shù)組元素的過(guò)濾：jQuery.grep(array,callback,[invert])
使用過(guò)濾函數(shù)過(guò)濾數(shù)組元素。此函數(shù)至少傳遞兩個(gè)參數(shù)：待過(guò)濾數(shù)組和過(guò)濾函數(shù)。過(guò)濾函數(shù)必須返回 true 以保留元素或 false 以刪除元素。
（3）數(shù)組元素的查找：jQuery.inArray(value,array)
確定第一個(gè)參數(shù)在數(shù)組中的位置(如果沒(méi)有找到則返回 -1 )。
（4）刪除重復(fù)元素：jQuery.unique(array)
刪除數(shù)組中重復(fù)元素。
下面的實(shí)例通過(guò)對(duì)象數(shù)組的過(guò)濾來(lái)實(shí)現(xiàn)獲取或者刪除指定屬性為指定值的數(shù)組元素。

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

 
<script src="js/jquery.js" ></script> 
<script> 
/** 
* 從對(duì)象數(shù)組中刪除屬性為objPropery，值為objValue元素的對(duì)象 
* @param Array arrPerson 數(shù)組對(duì)象 
* @param String objPropery 對(duì)象的屬性 
* @param String objPropery 對(duì)象的值 
* @return Array 過(guò)濾后數(shù)組 
*/ 
function remove(arrPerson,objPropery,objValue) 
{ 
return $.grep(arrPerson, function(cur,i){ 
return cur[objPropery]!=objValue; 
}); 
} 
/** 
* 從對(duì)象數(shù)組中獲取屬性為objPropery，值為objValue元素的對(duì)象 
* @param Array arrPerson 數(shù)組對(duì)象 
* @param String objPropery 對(duì)象的屬性 
* @param String objPropery 對(duì)象的值 
* @return Array 過(guò)濾后的數(shù)組 
*/ 
function get(arrPerson,objPropery,objValue) 
{ 
return $.grep(arrPerson, function(cur,i){ 
return cur[objPropery]==objValue; 
}); 
} 
/** 
* 顯示對(duì)象數(shù)組信息 
* @param String info 提示信息 
* @param Array arrPerson 對(duì)象數(shù)組 
*/ 
function showPersonInfo(info,arrPerson) 
{ 
$.each(arrPerson, function(index,callback){ 
info+="Person id:" + arrPerson[index].id + " name:" + arrPerson[index].name+ " sex:"+ arrPerson[index].sex+" age:"+ arrPerson[index].age+"\r\t"; 
}); 
alert(info); 
} 
//測(cè)試數(shù)據(jù) 
var arrPerson=new Array(); 
var person=new Object(); 
person.id=1; 
person.name="帥哥"; 
person.sex="男"; 
person.age=30; 
arrPerson.push(person); 
person=new Object(); 
person.id=2; 
person.name="美眉甲"; 
person.sex="女"; 
person.age=28; 
arrPerson.push(person); 
person=new Object(); 
person.id=3; 
person.name="美眉乙"; 
person.sex="女"; 
person.age=20; 
arrPerson.push(person); 
//測(cè)試刪除 
showPersonInfo("原始數(shù)組：\r\t",arrPerson); 
arrPerson=remove(arrPerson,"id",1); 
showPersonInfo("刪除之后：\r\t",arrPerson); 
//測(cè)試獲取 
arrPerson=get(arrPerson,"id",3); 
showPersonInfo("只獲取ID為3的元素：\r\t",arrPerson); 
</script> 