JS刪除數(shù)組里的某個(gè)元素方法
本文是小編針對JS刪除數(shù)組里的某個(gè)元素這個(gè)大家經(jīng)常遇到的經(jīng)典問題整理了在各種情況下的函數(shù)寫法以及遇到問題的分析,以下是全部內(nèi)容:
刪除數(shù)組指定的某個(gè)元素
js刪除數(shù)組中某一項(xiàng)或幾項(xiàng)的幾種方法 http://www.dhdzp.com/article/154737.htm
首先可以給JS的數(shù)組對象定義一個(gè)函數(shù),用于查找指定的元素在數(shù)組中的位置,即索引,代碼為:
Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
}; 然后使用通過得到這個(gè)元素的索引,使用js數(shù)組自己固有的函數(shù)去刪除這個(gè)元素:
代碼為:
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
}; 這樣就構(gòu)造了這樣一個(gè)函數(shù),比如我有有一個(gè)數(shù)組:
var emp = ['abs','dsf','sdf','fd']
假如我們要刪除其中的 'fd' ,就可以使用:
emp.remove('fd'); 刪除的數(shù)組的某一項(xiàng)
splice(index,len,[item]) 注釋:該方法會改變原始數(shù)組。
splice有3個(gè)參數(shù),它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個(gè)或者幾個(gè)值
index:數(shù)組開始下標(biāo) len: 替換/刪除的長度 item:替換的值,刪除操作的話 item為空
如:arr = ['a','b','c','d']
刪除
//刪除起始下標(biāo)為1,長度為1的一個(gè)值(len設(shè)置1,如果為0,則數(shù)組不變) var arr = ['a','b','c','d']; arr.splice(1,1); console.log(arr); //['a','c','d']; //刪除起始下標(biāo)為1,長度為2的一個(gè)值(len設(shè)置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2); //['a','d']
替換
//替換起始下標(biāo)為1,長度為1的一個(gè)值為‘ttt',len設(shè)置的1 var arr = ['a','b','c','d']; arr.splice(1,1,'ttt'); console.log(arr); //['a','ttt','c','d'] var arr2 = ['a','b','c','d']; arr2.splice(1,2,'ttt'); console.log(arr2); //['a','ttt','d'] 替換起始下標(biāo)為1,長度為2的兩個(gè)值為‘ttt',len設(shè)置的1
添加 ---- len設(shè)置為0,item為添加的值
var arr = ['a','b','c','d']; arr.splice(1,0,'ttt'); console.log(arr); //['a','ttt','b','c','d'] 表示在下標(biāo)為1處添加一項(xiàng)'ttt'
delete方法刪除掉數(shù)組中的元素后,會把該下標(biāo)出的值置為undefined,數(shù)組的長度不會變
var arr = ['a','b','c','d']; delete arr[1]; arr; //["a", undefined × 1, "c", "d"] 中間出現(xiàn)兩個(gè)逗號,數(shù)組長度不變,有一項(xiàng)為undefined
以上這篇JS刪除數(shù)組里的某個(gè)元素方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
深入理解JavaScript系列(34):設(shè)計(jì)模式之命令模式詳解
這篇文章主要介紹了深入理解JavaScript系列(34):設(shè)計(jì)模式之命令模式詳解,命令模式(Command)的定義是:用于將一個(gè)請求封裝成一個(gè)對象,從而使你可用不同的請求對客戶進(jìn)行參數(shù)化,對請求排隊(duì)或者記錄請求日志,以及執(zhí)行可撤銷的操作,需要的朋友可以參考下2015-03-03
JS+ACTIVEX實(shí)現(xiàn)網(wǎng)頁選擇本地目錄路徑對話框
使用ACTIVEX對象遍歷本地磁盤和目錄,只需網(wǎng)頁啟用相關(guān)ACTIVEX的INTERNET選項(xiàng)即可實(shí)現(xiàn)路徑選擇對話框,感興趣的你可以參考下哈希望可以幫助到你2013-03-03
事件綁定之小測試 onclick && addEventListener
昨晚回去后,和雷子討論如何才能“檢測”到頁面上某個(gè)元素都綁定了哪些事件監(jiān)聽函數(shù),第一感覺就是應(yīng)該從瀏覽器入手,比如FF,或者Chrome等2011-07-07
計(jì)算100000數(shù)組js腳本的執(zhí)行時(shí)間
計(jì)算100000數(shù)組js腳本的執(zhí)行時(shí)間...2006-10-10
js遍歷json對象所有key及根據(jù)動態(tài)key獲取值的方法(必看)
下面小編就為大家?guī)硪黄猨s遍歷json對象所有key及根據(jù)動態(tài)key獲取值的方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03

