JS刪除數(shù)組里的某個(gè)元素方法
本文是小編針對(duì)JS刪除數(shù)組里的某個(gè)元素這個(gè)大家經(jīng)常遇到的經(jīng)典問(wèn)題整理了在各種情況下的函數(shù)寫(xiě)法以及遇到問(wèn)題的分析，以下是全部?jī)?nèi)容：
刪除數(shù)組指定的某個(gè)元素
js刪除數(shù)組中某一項(xiàng)或幾項(xiàng)的幾種方法 http://m.fzitv.net/article/154737.htm
首先可以給JS的數(shù)組對(duì)象定義一個(gè)函數(shù)，用于查找指定的元素在數(shù)組中的位置，即索引，代碼為：
Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
}; 然后使用通過(guò)得到這個(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']
假如我們要?jiǎng)h除其中的 'fd' ,就可以使用：
emp.remove('fd'); 刪除的數(shù)組的某一項(xiàng)
splice(index,len,[item]) 注釋：該方法會(huì)改變?cè)紨?shù)組。
splice有3個(gè)參數(shù)，它也可以用來(lái)替換/刪除/添加數(shù)組內(nèi)某一個(gè)或者幾個(gè)值
index:數(shù)組開(kāi)始下標(biāo) len: 替換/刪除的長(zhǎng)度 item:替換的值，刪除操作的話 item為空
如：arr = ['a','b','c','d']
刪除
//刪除起始下標(biāo)為1，長(zhǎng)度為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，長(zhǎng)度為2的一個(gè)值(len設(shè)置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2); //['a','d']
替換
//替換起始下標(biāo)為1，長(zhǎng)度為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，長(zhǎng)度為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ù)組中的元素后，會(huì)把該下標(biāo)出的值置為undefined,數(shù)組的長(zhǎng)度不會(huì)變
var arr = ['a','b','c','d']; delete arr[1]; arr; //["a", undefined × 1, "c", "d"] 中間出現(xiàn)兩個(gè)逗號(hào)，數(shù)組長(zhǎng)度不變，有一項(xiàng)為undefined
以上這篇JS刪除數(shù)組里的某個(gè)元素方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
深入理解JavaScript系列（34）：設(shè)計(jì)模式之命令模式詳解
這篇文章主要介紹了深入理解JavaScript系列（34）：設(shè)計(jì)模式之命令模式詳解,命令模式(Command)的定義是：用于將一個(gè)請(qǐng)求封裝成一個(gè)對(duì)象,從而使你可用不同的請(qǐng)求對(duì)客戶進(jìn)行參數(shù)化,對(duì)請(qǐng)求排隊(duì)或者記錄請(qǐng)求日志,以及執(zhí)行可撤銷(xiāo)的操作,需要的朋友可以參考下2015-03-03
關(guān)于ES6箭頭函數(shù)中的this問(wèn)題
ES6中新增了箭頭函數(shù)這種語(yǔ)法,箭頭函數(shù)以其簡(jiǎn)潔性和方便獲取this的特性,接下來(lái)通過(guò)本文給大家分享ES6箭頭函數(shù)中的this，感興趣的朋友一起看看吧2018-02-02
Opacity.js...2007-01-01
JS+ACTIVEX實(shí)現(xiàn)網(wǎng)頁(yè)選擇本地目錄路徑對(duì)話框
使用ACTIVEX對(duì)象遍歷本地磁盤(pán)和目錄,只需網(wǎng)頁(yè)啟用相關(guān)ACTIVEX的INTERNET選項(xiàng)即可實(shí)現(xiàn)路徑選擇對(duì)話框，感興趣的你可以參考下哈希望可以幫助到你2013-03-03
事件綁定之小測(cè)試 onclick && addEventListener
昨晚回去后，和雷子討論如何才能“檢測(cè)”到頁(yè)面上某個(gè)元素都綁定了哪些事件監(jiān)聽(tīng)函數(shù)，第一感覺(jué)就是應(yīng)該從瀏覽器入手，比如FF，或者Chrome等2011-07-07
本文主要分享了原生js實(shí)現(xiàn)返回頂部緩沖效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
計(jì)算100000數(shù)組js腳本的執(zhí)行時(shí)間
計(jì)算100000數(shù)組js腳本的執(zhí)行時(shí)間...2006-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)的兩種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了CommonJS的模塊加載，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
js遍歷json對(duì)象所有key及根據(jù)動(dòng)態(tài)key獲取值的方法(必看)
下面小編就為大家?guī)?lái)一篇js遍歷json對(duì)象所有key及根據(jù)動(dòng)態(tài)key獲取值的方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03