删除对象从列表

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/