JS刪除數(shù)組里的某個元素方法
本文是小編針對JS刪除數(shù)組里的某個元素這個大家經(jīng)常遇到的經(jīng)典問題整理了在各種情況下的函數(shù)寫法以及遇到問題的分析，以下是全部內(nèi)容：
刪除數(shù)組指定的某個元素
js刪除數(shù)組中某一項或幾項的幾種方法 http://chabaoo.cn/article/154737.htm
首先可以給JS的數(shù)組對象定義一個函數(shù)，用于查找指定的元素在數(shù)組中的位置，即索引，代碼為：
Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
}; 然后使用通過得到這個元素的索引，使用js數(shù)組自己固有的函數(shù)去刪除這個元素：
代碼為：
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
}; 這樣就構(gòu)造了這樣一個函數(shù)，比如我有有一個數(shù)組：
var emp = ['abs','dsf','sdf','fd']
假如我們要刪除其中的 'fd' ,就可以使用：
emp.remove('fd'); 刪除的數(shù)組的某一項
splice(index,len,[item]) 注釋：該方法會改變原始數(shù)組。
splice有3個參數(shù)，它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個或者幾個值
index:數(shù)組開始下標 len: 替換/刪除的長度 item:替換的值，刪除操作的話 item為空
如：arr = ['a','b','c','d']
刪除
//刪除起始下標為1，長度為1的一個值(len設(shè)置1，如果為0，則數(shù)組不變) var arr = ['a','b','c','d']; arr.splice(1,1); console.log(arr); //['a','c','d']; //刪除起始下標為1，長度為2的一個值(len設(shè)置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2); //['a','d']
替換
//替換起始下標為1，長度為1的一個值為‘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'] 替換起始下標為1，長度為2的兩個值為‘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'] 表示在下標為1處添加一項'ttt'
delete方法刪除掉數(shù)組中的元素后，會把該下標出的值置為undefined,數(shù)組的長度不會變
var arr = ['a','b','c','d']; delete arr[1]; arr; //["a", undefined × 1, "c", "d"] 中間出現(xiàn)兩個逗號，數(shù)組長度不變，有一項為undefined
以上這篇JS刪除數(shù)組里的某個元素方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Typescript使用修飾器混合方法到類的實例，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要為大家詳細介紹了基于原生js實現(xiàn)圖片輪播效果的具體代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了js中如何獲取JSON數(shù)組的長度問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家介紹了項目中使用Typescript封裝axios的示例過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
超好玩js頁面效果之實現(xiàn)數(shù)值的動態(tài)變化
這篇文章主要給大家介紹了關(guān)于超好玩js頁面效果之實現(xiàn)數(shù)值的動態(tài)變化的相關(guān)資料,文中通過示例代碼及圖文介紹的非常詳細,對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-10-10
本文主要介紹了uniapp集成Echarts，實現(xiàn)地圖圖表的展示，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
echarts中X軸顯示特定個數(shù)label并修改樣式的方法詳解
最近在使用Echarts圖表遇到些特別的需求,想著給大家整理下,所以下面這篇文章主要給大家介紹了關(guān)于echarts中X軸顯示特定個數(shù)label并修改樣式的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
微信小程序picker組件兩列關(guān)聯(lián)使用方式
這篇文章主要介紹了微信小程序picker組件兩列關(guān)聯(lián)使用方式,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10
Js判斷參數(shù)(String,Array,Object)是否為undefined或者值為空
在一些前端控件要提交數(shù)據(jù)到服務(wù)器端的數(shù)據(jù)驗證過程中，需要判斷提交的數(shù)據(jù)是否為空。如果是普通表單的字符串數(shù)據(jù)，只需要在 trim 后判斷 length 即可，而這里需要的數(shù)據(jù)可以是各種不同的類型，通過 JSON.stringify(data) 進行序列化后再傳遞2013-11-11
這篇文章主要介紹了javascript實時顯示北京時間的方法,涉及javascript操作時間顯示的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03