從JavaScript中的數組中刪除元素的最佳方法？

Question

當處理巨大的數組時，並且想要從數組中過濾元素，就性能而言，創建一個新數組並將其推入新數組中，或者手動刪除元素從現有的陣列使用類似這樣的Deleting array elements in JavaScript - delete vs splice

有誰知道嗎？

謝謝

Answer 1

創建一個新的數組並推動消耗更多的時間和內存。但刪除不會花費太多時間和可用內存。
如果您創建一個新數組並進行推送，它必須比較每個元素，然後再進行推送。
如果刪除，則只能進行比較和刪除。
第二個選項對性能有好處

Answer 2

您可以使用splice（）從數組中刪除一個項目。 考慮下面的例子，如果你想刪除的項指數爲2，您可以使用拼接（位置，範圍）

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

這將輸出

[1, 2, 4, 5, 6, 7] 

Answer 3

答案的應該能夠通過使用不同的陣列方法或其他方法運行測試而無需猜測而確定地確定。

var arr = Array(7); 
 

 
var r = 3; 
 

 
console.time(".splice()"); 
 

 
arr.splice(r, 1); // try different methods here 
 

 
console.timeEnd(".splice()"); 
 

 

 
var arr = Array(7); 
 

 
console.time(".filter()"); 
 

 
arr = arr.filter(function(_, i) { // try different methods here 
 
    return i !== r 
 
}); 
 

 
console.timeEnd(".filter()");

var arr = Array(1000); 
 

 
var r = 500; 
 

 
console.time(".splice()"); 
 

 
arr.splice(r, 1); 
 

 
console.timeEnd(".splice()"); 
 

 

 
var arr = Array(1000); 
 

 
console.time(".filter()"); 
 

 
arr = arr.filter(function(_, i) { 
 
    return i !== r 
 
}); 
 

 
console.timeEnd(".filter()");

var arr = Array(100000); 
 

 
var r = 50000; 
 

 
console.time(".splice()"); 
 

 
arr.splice(r, 1); 
 

 
console.timeEnd(".splice()"); 
 

 

 
var arr = Array(100000); 
 

 
console.time(".filter()"); 
 

 
arr = arr.filter(function(_, i) { 
 
    return i !== r 
 
}); 
 

 
console.timeEnd(".filter()");

Answer 4

您可以使用拼接的方法來修改ŧ他陣列的內容。如果你想添加元素的使用 - 如果你想刪除一個元素使用

arrayName.splice(index,range,element); 

- 如果刪除中間元素

arrayName.splice(index,deleteCount);