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