JavaScrip數組刪除特定元素的幾種方法總結
前言
可能一說到刪除數組特定元素你估計不止一種方法可以實現,那么下面且來看看我總結的這幾種方法,可能會對你有所幫助!話不多說了,來一起看看詳細的介紹吧。
源數組
var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
偽刪除
什么是偽刪除呢? 就是說將數組元素值設置為null;
arr[ arr.indexOf( 'Thomas' ) ] = null;
刪除后的數組是這個樣子的:
["George", "John", null, "James", "Adrew", "Martin"]
不過要注意, 這意味著數組Array也就是變量arr的長度保持不變
完全刪除
是什么是完全刪除呢? 這個問題你可能從字面上也能想得到就是真正的刪除數組Array的元素值, 并且會改變數組的長度, 可以通過內置數組對象Array的splice方法來實現這個需求!說到splice這個方法就要說一說它的具體參數了:
Array.prototype.splice = function(start,deleteCount,items) {};
上面是內置對象Array的splice方法原型定義, 中文意思呢是:剪接, 其參數的意義是:
- start: 起點索引值
- deleteCount: 要刪除的元素個數
- items: 刪除后替換/追加的元素
參數不加時就表示刪除元素, 并且還要結合 deleteCount 的參數值
如果 deleteCount 為 1, items 參數位置給一個參數值, 則表示替換
如果 deleteCount 為 1, items 參數位置給多于一個的參數值, 則表示替換及追加元素
通過splice方法刪除上面 偽刪除 留下的元素值 null
arr.splice( arr.indexOf( null ), 1 );
刪除后的數組是這個樣子的:
["George", "John", "James", "Adrew", "Martin"]
既然說到了splice方法就順便再說一下它的其它功能, 如 替換元素, 追加元素 等操作吧!
splice函數 - 替換元素
現在數組結構是這樣的:
["George", "John", "James", "Adrew", "Martin"]
想要將數組元素 James 替換為 Tom
arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
替換后的數組結構是這個樣子的:
["George", "John", "Tom", "Adrew", "Martin"]
splice函數 - 替換并追加元素
現在當前數組結構是這樣的:
["George", "John", "Tom", "Adrew", "Martin"]
想要將數組元素 Tom 替換為 Judy 并追加 Linda 和 Alisa
arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );
替換及追加后的數組結構是這個樣子的:
["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
splice函數 - 追加元素
追加元素你可以選擇任意位置這取決于你的具體需求, 關鍵是在于 start 的取值索引位置而已!當前數組結構如下所示:
["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
比如說要在 Linda 和 Alisa 之間追加 Bill 和 Blake
arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );
追加后的數組結構是下面這個樣子的:
["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
- 起點位置
arr.indexOf( 'Linda' ) + 1就是在數組元素 Linda 之后了 - 刪除元素個數參數這里設置的是 0 這個是追加元素的關鍵, 也就是說不刪除元素
- 'Bill', 'Blake' 這個呢就是內置對象Array的splice方法的最后一個參數 items 它表示0個是和多個, 根據 deleteCount 參數值不同表示的含義也會不同, 這里 deleteCount 參數是 0 并且 items 又有兩個值來表示這個參數, 所示說就是追加元素值 'Bill', 'Blake'
以上說的是刪除數組中特定的元素, 那刪除第一個元素和最后一個元素那實現在是太簡單了, 這里簡單提一下就是了
刪除數組中第一個元素
arr.shift();
刪除后的數組是這個樣子的:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
刪除數組中最后一個元素
arr.pop();
刪除后的數組是這個樣子的:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
總結
以上就是JavaScrip數組刪除特定元素個人所總結的一些方法,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果您還要其它的一些好的方法, 或有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

