淺析jquery數組刪除指定元素的方法:grep(),jquerygrep
遇到的問題
今天遇到一個問題,刪除數組中的一個指定元素,並返回新的數組。
我定義的js數組是這樣的:
var sexList=new Array[3];sexList[0]="1";sexList[1]="2";sexList[2]="";
想達到的效果
我想達到的效果是這樣的:
刪除索引=1的元素,並返回新數組。
返回的結果是:
var sexList=new Array("1","");
我們知道,原生的javascript有一個函數:splice() 方法,可以刪除數組中的指定元素。
關於splice()方法的具體用法,可以參考w3school的描述,這裡不多做解釋:http://www.w3school.com.cn/jsref/jsref_splice.asp
使用splice()的實現代碼
我的實現代碼:
var sexList=new Array[3];sexList[0]="1";sexList[1]="2";sexList[2]="";sexList=sexList.splice(1,1);
但是我發現我的數組使用這種方式時,返回的數組是不符合預期的。返回的是個Null 字元串。
後來網上搜尋jquery的相關API,發現一個函數:grep()
grep()使用方法說明
jQuery.grep(array, callback, [invert])
概述
使用過濾函數過濾數組元素。
此函數至少傳遞兩個參數:待過濾數組和過濾函數。過濾函數必須返回 true 以保留元素或 false 以刪除元素。
參數
英文名 |
參數中文說明 |
array: |
待過濾數組。 |
callback: |
此函數將處理數組每個元素。第一個參數為當前元素,第二個參數而元素索引值。此函數應返回一個布爾值。另外,此函數可設定為一個字串,當設定為字串時,將視為“lambda-form”(縮寫形式?),其中 a 代表數組元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”。 |
invert: |
如果 "invert" 為 false 或為設定,則函數返回數組中由過濾函數返回 true 的元素,當"invert" 為 true,則返回過濾函數中返回 false 的元素集。 |
使用grep()的實現代碼
sexList=$.grep(sexList,function(n,i){return i!=1;});
function(n,i)中
n:表示數組的單個實體,
i:表示數組的索引。
以上這篇淺析jquery數組刪除指定元素的方法:grep()就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援幫客之家。