從數組中刪除元素（拼接）

Question

.splice()方法的基本問題，以及如何最好地從數組中刪除元素。

我想從.splice()中刪除數組中的項目，但是當我這樣做時，我想要原始數組減去返回的已刪除元素。代替.splice()返回刪除元素。

var arr = [1, 2, 3, 4, 5, 6, 7] 
var newArr = arr.splice(3, 1) 

console.log(newArr) // [4] 

// whereas I want [1, 2, 3, 5, 6, 7] 

什麼是最好的，最雄辯的方式來做到這一點？

Answer 1

.splice將數組置換並返回已移除的元素。所以，除非你確實需要返回數組本身的功能，只需訪問arr：

var arr = [1, 2, 3, 4, 5, 6, 7] 
arr.splice(3, 1) 
console.log(arr) // [1, 2, 3, 5, 6, 7] 

---

您可以創建執行拼接並返回數組的包裝功能：

function remove(arr, index) { 
    arr.splice(index, 1) 
    return arr; 
} 

var newArr = remove(arr, 3); 
// Note: `newArr` is not a new array, it has the same value as `arr` 

---

如果你想創建一個新的數組，而不改變原來的陣列Y，你可以使用.filter：

var newArr = arr.filter(function(element, index) { 
    return index !== 3; 
}); // [1, 2, 3, 5, 6, 7] 
arr; // [1, 2, 3, 4, 5, 6, 7] 

Answer 2

採用擴頻操作，你可以這樣做：

var arr = [1,2,3,4,5,6], 
    indexToRemove = 3, 
    newArr = [ 
     ...arr.slice(0,indexToRemove), 
     ...arr.slice(indexToRemove+1) 
    ] 

或者，如果你想使用ES5，它可以是這個樣子：

var arr = [1,2,3,4,5,6], 
    indexToRemove = 3, 
    newArr = [].concat(arr.slice(0,indexToRemove)).concat(arr.slice(indexToRemove+1))