刪除對象從列表

Question

我想在JavaScript中刪除對象列表項：

$(document).ready(function() { 
    var eventObjs = []; 
    var idVal = 0; 
    $("#addItem").click(function() { 
     eventObjs.push([{ title: 'test', personId: idVal }]); 
     idVal += 1; 
    }); 

    $("#removeItem").click(function() { 
     idVal -= 1; 
     eventObjs = eventObjs 
      .filter(function (el) { 
      return el.personId !== (idVal - 1); 
     }); 
     $("#arrVal").html(eventObjs.length);  
    }); 
}); 

小提琴： http://jsfiddle.net/webdad3/51vbzne1/2/

我可以加我的元素就好了。但是，當我嘗試刪除它們。什麼都沒有我哪裏錯了？

我從代碼中得到了從數組中刪除項目的代碼。也許問題不是我在做什麼錯誤，但我需要做什麼才能從列表中刪除項目？

Answer 1

這是因爲您的過濾條件不正確。

這裏是正確的版本：http://jsfiddle.net/51vbzne1/3/

eventObjs = eventObjs.filter(function (el) { 
     return el.personId <= idVal; 
    }); 

說明：你應該過濾檢查每personId比當前idVal低。由於您在過濾之前正在執行idVal -= 1，因此您需要使用<=。

或者如果你想刪除一個特定的項目。使用拼接，例如：eventObjs.splice(idVal, 1);

Answer 2

1. 與eventObjs.push({ title: 'test', personId: idVal });更換eventObjs.push([{ title: 'test', personId: idVal }]);。現在，您有類似[[{title: 'test1'}], [{title: 'test2'}]]，而不是[{title: 'test1'}, {title: 'test2'}]

2. 更換return el.personId !== (idVal - 1);與return el.personId !== idVal;

Answer 3

嘗試

$(document).ready(function() { 
    var eventObjs = []; 
    var idVal = 0; 
    $("#addItem").click(function() { 
     eventObjs.push([{ 
      title: 'test', personId: idVal 
     }]); 
     idVal += 1; 

     alert(eventObjs.length); 
    }); 

    $("#removeItem").click(function() { 
     eventObjs.splice(-1); 
     idVal = idVal -1; 
     alert(idVal); 
    }); 
}); 

的jsfiddle http://jsfiddle.net/51vbzne1/5/