javascript - 从列表中删除对象

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);       
    });
});

fiddle : http://jsfiddle.net/webdad3/51vbzne1/2/

我可以很好地添加我的元素。但是当我尝试删除它们时。什么都不起作用。我哪里出错了？

我从示例中获得了从数组中删除项目的代码。也许问题不是我在上面做错了什么，而是我需要做什么才能从我的列表中删除项目？

Answer 1

尝试

$(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/