淺析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ù)組中的指定元素。
關(guān)于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ù)組是不符合預(yù)期的。返回的是個空字符串。
后來網(wǎng)上搜索jquery的相關(guān)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ù)應(yīng)返回一個布爾值。另外,此函數(shù)可設(shè)置為一個字符串,當設(shè)置為字符串時,將視為“l(fā)ambda-form”(縮寫形式?),其中 a 代表數(shù)組元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”。 |
invert: | 如果 "invert" 為 false 或為設(shè)置,則函數(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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery 學(xué)習(xí)筆記 傳智博客佟老師附詳細注釋
本人水平有限,在學(xué)習(xí)時請用批判的態(tài)度學(xué)習(xí),有問題給我留言 傳智博客佟老師 jqurey 學(xué)習(xí)筆記,以及例子代碼詳細注釋。2009-07-07教你用jquery實現(xiàn)iframe自適應(yīng)高度
iframe因為能和網(wǎng)頁無縫的結(jié)合從而不刷新頁面的情況下更新頁面的部分數(shù)據(jù)成為可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設(shè)置高度的時候多了也不好,少了更是不行,今天我們就來分享2種使用jquery實現(xiàn)iframe自適應(yīng)高度的代碼2014-06-06Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點擊label實現(xiàn)checkbox組選擇,頭部選項,如全選/ 取消全選 /關(guān)閉功能,支持鍵盤選擇等等,下面與大家分享下具體使用2013-05-05jQuery實現(xiàn)可展開折疊的導(dǎo)航效果示例
這篇文章主要介紹了jQuery實現(xiàn)可展開折疊的導(dǎo)航效果,結(jié)合實例形式分析了基于jquery.easing.1.3.js插件的展開折疊效果實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下2016-09-09jQuery中attr()和prop()在修改checked屬性時的區(qū)別
使用語句$.attr('checked',true),將復(fù)選框的屬性改為被選中,在chrome瀏覽器中第一次點擊有效后面就不行了,IE8倒是沒有問題2014-07-07