來聊一聊JavaScrip數(shù)組刪除特定元素

he_xd 發(fā)布于2019-08-21 16:17 / 1000人閱讀

摘要：序述說到刪除數(shù)組特定元素你可能不止一種方法可以實(shí)現(xiàn)下面且來看看我總結(jié)的這幾種方法可能會(huì)對(duì)你有所幫助源數(shù)組偽刪除什么是偽刪除呢就是說將數(shù)組元素值設(shè)置為刪除后的數(shù)組是這個(gè)樣子的不過要注意這意味著數(shù)組也就是變量的長(zhǎng)度保持不變完全刪除是什么是完全刪

序述

說到刪除數(shù)組特定元素你可能不止一種方法可以實(shí)現(xiàn), 下面且來看看我總結(jié)的這幾種方法,可能會(huì)對(duì)你有所幫助！

源數(shù)組

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

偽刪除

什么是偽刪除呢? 就是說將數(shù)組元素值設(shè)置為null;

arr[ arr.indexOf( "Thomas" ) ] = null;

刪除后的數(shù)組是這個(gè)樣子的:

["George", "John", null, "James", "Adrew", "Martin"]

不過要注意, 這意味著數(shù)組Array也就是變量arr的長(zhǎng)度保持不變

完全刪除

是什么是完全刪除呢? 這個(gè)問題你可能從字面上也能想得到就是真正的刪除數(shù)組Array的元素值, 并且會(huì)改變數(shù)組的長(zhǎng)度, 可以通過內(nèi)置數(shù)組對(duì)象Array的splice方法來實(shí)現(xiàn)這個(gè)需求！說到splice這個(gè)方法就要說一說它的具體參數(shù)了：

Array.prototype.splice = function(start,deleteCount,items) {};

上面是內(nèi)置對(duì)象Array的splice方法原型定義, 中文意思呢是：剪接, 其參數(shù)的意義是：

start: 起點(diǎn)索引值

deleteCount: 要?jiǎng)h除的元素個(gè)數(shù)

items: 刪除后替換/追加的元素

參數(shù)不加時(shí)就表示刪除元素, 并且還要結(jié)合 deleteCount 的參數(shù)值

如果 deleteCount 為 1, items 參數(shù)位置給一個(gè)參數(shù)值, 則表示替換

如果 deleteCount 為 1, items 參數(shù)位置給多于一個(gè)的參數(shù)值, 則表示替換及追加元素

通過splice方法刪除上面 偽刪除 留下的元素值 null

arr.splice( arr.indexOf( null ), 1 );

刪除后的數(shù)組是這個(gè)樣子的:

["George", "John", "James", "Adrew", "Martin"]

既然說到了splice方法就順便再說一下它的其它功能, 如 替換元素, 追加元素 等操作吧！

splice函數(shù) - 替換元素

現(xiàn)在數(shù)組結(jié)構(gòu)是這樣的：

["George", "John", "James", "Adrew", "Martin"]

想要將數(shù)組元素 James 替換為 Tom

arr.splice( arr.indexOf( "James" ), 1, "Tom" );

替換后的數(shù)組結(jié)構(gòu)是這個(gè)樣子的：

["George", "John", "Tom", "Adrew", "Martin"]

splice函數(shù) - 替換并追加元素

現(xiàn)在當(dāng)前數(shù)組結(jié)構(gòu)是這樣的：

["George", "John", "Tom", "Adrew", "Martin"]

想要將數(shù)組元素 Tom 替換為 Judy 并追加 Linda 和 Alisa

arr.splice( arr.indexOf( "Tom" ), 1, "Judy", "Linda", "Alisa" );

替換及追加后的數(shù)組結(jié)構(gòu)是這個(gè)樣子的：

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

splice函數(shù) - 追加元素

追加元素你可以選擇任意位置這取決于你的具體需求, 關(guān)鍵是在于 start 的取值索引位置而已！當(dāng)前數(shù)組結(jié)構(gòu)如下所示：

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

比如說要在 Linda 和 Alisa 之間追加 Bill 和 Blake

arr.splice( arr.indexOf( "Linda" ) + 1, 0, "Bill", "Blake" );

追加后的數(shù)組結(jié)構(gòu)是下面這個(gè)樣子的：

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

起點(diǎn)位置 arr.indexOf( "Linda" ) + 1 就是在數(shù)組元素 Linda 之后了

刪除元素個(gè)數(shù)參數(shù)這里設(shè)置的是 0 這個(gè)是追加元素的關(guān)鍵, 也就是說不刪除元素

"Bill", "Blake" 這個(gè)呢就是內(nèi)置對(duì)象Array的splice方法的最后一個(gè)參數(shù) items 它表示0個(gè)是和多個(gè), 根據(jù) deleteCount 參數(shù)值不同表示的含義也會(huì)不同, 這里 deleteCount 參數(shù)是 0 并且 items 又有兩個(gè)值來表示這個(gè)參數(shù), 所示說就是追加元素值 "Bill", "Blake"

以上說的是刪除數(shù)組中特定的元素, 那刪除第一個(gè)元素和最后一個(gè)元素那實(shí)現(xiàn)在是太簡(jiǎn)單了, 這里簡(jiǎn)單提一下就是了

刪除數(shù)組中第一個(gè)元素

arr.shift();

刪除后的數(shù)組是這個(gè)樣子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

刪除數(shù)組中最后一個(gè)元素

arr.pop();

刪除后的數(shù)組是這個(gè)樣子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]

以上就是JavaScrip數(shù)組刪除特定元素個(gè)人所總結(jié)的一些方法, 如果您還要其它的一些好的方法, 請(qǐng)您留言示下, 謝謝您的支持！
希望本文對(duì)你的工作和學(xué)習(xí)有所幫助
如果覺得還不錯(cuò)并且也長(zhǎng)知識(shí)了, 怎么感謝我呢？ 媽呀! 點(diǎn)贊啊!
Good Luck! from warnerwu at 2017.09.06 AM