刪除JavaScript數組元素顯示未定義

Question

我有一個JavaScript數組，其中包含一些具有某些Id的對象和數組。我想要的是將數組中的對象與id數組進行比較，如果在對象中找到任何id，我想從數組中移除該元素。這樣做的結果顯示未定義的刪除元素。

var data = [{"name": "John_Smith","val":"3","id":"2"},{"name": "Peter_Adams","val":"2","id":"3"},{"name": "Priya_Shetye","val":"1","id":"4"},{"name": "Sara_Brown","val":"4","id":"5"}] 
var arr = ["2","5"]; 
for (var i = 0; i < data.length; i++) { 
    for(var j=0;j<arr.length;j++){ 
     if (arr[j]==data[i].id) { 
      delete data[i]; 
     } 
    } 
} 

結果顯示[undefined,object object,object object,undefined]。有沒有辦法只得到[object object,object object]？

Answer 1

1. 使用deletesplice代替
2. 從長度1到0循環數組，否則你會錯過處理一些數據。

var data = [{"name": "John_Smith","val":"3","id":"2"},{"name": "Peter_Adams","val":"2","id":"3"},{"name": "Priya_Shetye","val":"1","id":"4"},{"name": "Sara_Brown","val":"4","id":"5"}]; 
var arr = ["2","5"]; 
for (var i = data.length-1; i >= 0; i--) { 
    for(var j = 0;j < arr.length;j++){ 
     if (arr[j]==data[i].id) { 
      data.splice(i,1); 
     } 
    } 
} 
console.log(data);