JS刪除數(shù)組里的某個(gè)元素方法
本文是小編針對(duì)JS刪除數(shù)組里的某個(gè)元素這個(gè)大家經(jīng)常遇到的經(jīng)典問題整理了在各種情況下的函數(shù)寫法以及遇到問題的分析，以下是全部?jī)?nèi)容：
刪除數(shù)組指定的某個(gè)元素
js刪除數(shù)組中某一項(xiàng)或幾項(xiàng)的幾種方法 http://www.dbjr.com.cn/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;
}; 然后使用通過得到這個(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ù)，它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個(gè)或者幾個(gè)值
index:數(shù)組開始下標(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)文章
這篇文章主要介紹了Typescript使用修飾器混合方法到類的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要為大家詳細(xì)介紹了基于原生js實(shí)現(xiàn)圖片輪播效果的具體代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了js中如何獲取JSON數(shù)組的長(zhǎng)度問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家介紹了項(xiàng)目中使用Typescript封裝axios的示例過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
超好玩js頁面效果之實(shí)現(xiàn)數(shù)值的動(dòng)態(tài)變化
這篇文章主要給大家介紹了關(guān)于超好玩js頁面效果之實(shí)現(xiàn)數(shù)值的動(dòng)態(tài)變化的相關(guān)資料,文中通過示例代碼及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-10-10
本文主要介紹了uniapp集成Echarts，實(shí)現(xiàn)地圖圖表的展示，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
echarts中X軸顯示特定個(gè)數(shù)label并修改樣式的方法詳解
最近在使用Echarts圖表遇到些特別的需求,想著給大家整理下,所以下面這篇文章主要給大家介紹了關(guān)于echarts中X軸顯示特定個(gè)數(shù)label并修改樣式的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
微信小程序picker組件兩列關(guān)聯(lián)使用方式
這篇文章主要介紹了微信小程序picker組件兩列關(guān)聯(lián)使用方式,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
Js判斷參數(shù)(String,Array,Object)是否為undefined或者值為空
在一些前端控件要提交數(shù)據(jù)到服務(wù)器端的數(shù)據(jù)驗(yàn)證過程中，需要判斷提交的數(shù)據(jù)是否為空。如果是普通表單的字符串?dāng)?shù)據(jù)，只需要在 trim 后判斷 length 即可，而這里需要的數(shù)據(jù)可以是各種不同的類型，通過 JSON.stringify(data) 進(jìn)行序列化后再傳遞2013-11-11
javascript實(shí)時(shí)顯示北京時(shí)間的方法
這篇文章主要介紹了javascript實(shí)時(shí)顯示北京時(shí)間的方法,涉及javascript操作時(shí)間顯示的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03