JS數據操做之神奇的splice()

Array.prototype.splice()

定義和用法

splice() 方法向/從數組中添加/刪除項目，而後返回被刪除的項目。

註釋：該方法會改變原始數組。

昨天寫的介紹map()方法，數據反饋十分不錯，本人表示感謝你們的支持。

本做者也是嘗試用最簡單的辦法解釋一些經常使用的前端數據處理方法，其實在javascript中，數據處理的方法不少，只是你們在實際項目中可能對這些方法不熟悉，因此之後會多用一些本人實際項目中的案例來說解一些前端數據處理的辦法，幫助你們學習javascript，但願對你們有所幫助。

閒話很少說，仍是先上圖，簡單的介紹一下這個方法。

代碼

本人目前在用vue.js寫項目，因此代碼會是典型的vue風格，不過影響不大。

newArray數組我不進行解釋，我須要把數組元素 'a' 從數組中刪除，使用splice()就是一個十分簡單的辦法。

在splice()方法中，第一個參數是刪除元素的起始位置，第二個參數是從這個位置開始，刪除幾個元素。

下面是控制檯打印的結果。

結果

那麼若是我要刪除的元素是'c'，'d'，那麼應該如何傳參。

代碼

結果

PS：程序員的世界觀中，開始是0，而不是1。

PS2: 和昨天的map()方法不同，splice()會對原數組進行修改，請注意這點。

splice() 的其餘參數

splice()不止兩個參數，只不過除了第一個和第二個參數是必填的之外，後面的參數是選填的。

代碼

上圖中，我添加了一些參數到splice()中，這些參數的意義是在'c'，'d'，元素刪除之後替換它們。

可是上圖中只刪除兩個元素，可是新填入的有三個元素，那就委屈原來數組中的 'e' 元素，向後挪一個位置出來。

結果