下面小編就為大家?guī)?lái)一篇淺析jquery數(shù)組刪除指定元素的方法:grep()。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。
遇到的問(wèn)題
今天遇到一個(gè)問(wèn)題,刪除數(shù)組中的一個(gè)指定元素,并返回新的數(shù)組。
我定義的js數(shù)組是這樣的:
var sexList=new Array[3];
sexList[0]="1";
sexList[1]="2";
sexList[2]="";
想達(dá)到的效果
我想達(dá)到的效果是這樣的:
刪除索引=1的元素,并返回新數(shù)組。
返回的結(jié)果是:
var sexList=new Array("1","");
我們知道,原生的javascript有一個(gè)函數(shù):splice() 方法,可以刪除數(shù)組中的指定元素。
關(guān)于splice()方法的具體用法,可以參考w3school的描述,這里不多做解釋:http://www.w3school.com.cn/jsref/jsref_splice.asp
使用splice()的實(shí)現(xiàn)代碼
我的實(shí)現(xiàn)代碼:
var sexList=new Array[3];
sexList[0]="1";
sexList[1]="2";
sexList[2]="";
sexList=sexList.splice(1,1);
但是我發(fā)現(xiàn)我的數(shù)組使用這種方式時(shí),返回的數(shù)組是不符合預(yù)期的。返回的是個(gè)空字符串。
后來(lái)網(wǎng)上搜索jquery的相關(guān)API,發(fā)現(xiàn)一個(gè)函數(shù):grep()
grep()使用方法說(shuō)明
jQuery.grep(array, callback, [invert])
概述
使用過(guò)濾函數(shù)過(guò)濾數(shù)組元素。
此函數(shù)至少傳遞兩個(gè)參數(shù):待過(guò)濾數(shù)組和過(guò)濾函數(shù)。過(guò)濾函數(shù)必須返回 true 以保留元素或 false 以刪除元素。
參數(shù):
英文名 | 參數(shù)中文說(shuō)明 |
array: | 待過(guò)濾數(shù)組。 |
callback: | 此函數(shù)將處理數(shù)組每個(gè)元素。第一個(gè)參數(shù)為當(dāng)前元素,第二個(gè)參數(shù)而元素索引值。此函數(shù)應(yīng)返回一個(gè)布爾值。另外,此函數(shù)可設(shè)置為一個(gè)字符串,當(dāng)設(shè)置為字符串時(shí),將視為“l(fā)ambda-form”(縮寫形式?),其中 a 代表數(shù)組元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”。 |
invert: | 如果 "invert" 為 false 或?yàn)樵O(shè)置,則函數(shù)返回?cái)?shù)組中由過(guò)濾函數(shù)返回 true 的元素,當(dāng)"invert" 為 true,則返回過(guò)濾函數(shù)中返回 false 的元素集。 |
使用grep()的實(shí)現(xiàn)代碼
sexList=$.grep(sexList,function(n,i){
return i!=1;
});
function(n,i)中
n:表示數(shù)組的單個(gè)實(shí)體,
i:表示數(shù)組的索引。
以上這篇淺析jquery數(shù)組刪除指定元素的方法:grep()就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考