本文是小編針對JS刪除數(shù)組里的某個元素這個大家經(jīng)常遇到的經(jīng)典問題整理了在各種情況下的函數(shù)寫法以及遇到問題的分析,以下是全部內(nèi)容:
刪除數(shù)組指定的某個元素
js刪除數(shù)組中某一項或幾項的幾種方法 https://www.jb51.net/article/154737.htm
首先可以給JS的數(shù)組對象定義一個函數(shù),用于查找指定的元素在數(shù)組中的位置,即索引,代碼為:
1 2 3 4 5 6 | Array.prototype.indexOf = function (val) {
for ( var i = 0; i < this .length; i++) {
if ( this [i] == val) return i;
}
return -1;
};
|
然后使用通過得到這個元素的索引,使用js數(shù)組自己固有的函數(shù)去刪除這個元素:
代碼為:
1 2 3 4 5 6 | Array.prototype.remove = function (val) {
var index = this .indexOf(val);
if (index > -1) {
this .splice(index, 1);
}
};
|
這樣就構(gòu)造了這樣一個函數(shù),比如我有有一個數(shù)組:
1 | var emp = [ 'abs' , 'dsf' , 'sdf' , 'fd' ]
|
假如我們要刪除其中的 'fd' ,就可以使用:
刪除的數(shù)組的某一項
splice(index,len,[item]) 注釋:該方法會改變原始數(shù)組。
splice有3個參數(shù),它也可以用來替換/刪除/添加數(shù)組內(nèi)某一個或者幾個值
index:數(shù)組開始下標 len: 替換/刪除的長度 item:替換的值,刪除操作的話 item為空
如:arr = ['a','b','c','d']
刪除
1 2 3 4 5 6 7 8 9 10 11 12 | //刪除起始下標為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 2 3 4 5 6 7 8 9 10 11 | //替換起始下標為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為添加的值
1 2 3 4 | 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ù)組的長度不會變
1 2 3 4 | var arr = [ 'a' , 'b' , 'c' , 'd' ];
delete arr[1];
arr;
//["a", undefined × 1, "c", "d"] 中間出現(xiàn)兩個逗號,數(shù)組長度不變,有一項為undefined
|
以上這篇JS刪除數(shù)組里的某個元素方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
|