淺析jquery數(shù)組刪除指定元素的方法:grep()
遇到的問題
今天遇到一個問題,刪除數(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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點擊label實現(xiàn)checkbox組選擇,頭部選項,如全選/ 取消全選 /關閉功能,支持鍵盤選擇等等,下面與大家分享下具體使用2013-05-05jQuery中attr()和prop()在修改checked屬性時的區(qū)別
使用語句$.attr('checked',true),將復選框的屬性改為被選中,在chrome瀏覽器中第一次點擊有效后面就不行了,IE8倒是沒有問題2014-07-07