本文是小編針對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); } }; |
這樣就構造了這樣一個函數(shù),比如我有有一個數(shù)組:
1 | var emp = [ 'abs' , 'dsf' , 'sdf' , 'fd' ] |
假如我們要刪除其中的 'fd' ,就可以使用:
1 | 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 2 3 4 5 6 7 8 9 10 11 12 | //刪除起始下標為1,長度為1的一個值(len設置1,如果為0,則數(shù)組不變) var arr = [ 'a' , 'b' , 'c' , 'd' ]; arr.splice(1,1); console.log(arr); //['a','c','d']; //刪除起始下標為1,長度為2的一個值(len設置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設置的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設置的1 |
添加 ---- len設置為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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聯(lián)系客服