JavaScript删除数组中的等效对象

Question

我正在编写d3 force graph以使更新看起来像我修改力布局示例一样实现。 但是在示例中取消划线，我想要一个动态的更新行为。 考虑到这种情况，我已经调用了initializeGraphData(json); 一次，我的nodes -数组包含一组node对象。 在第二次调用时，我将每个json.nodes对象推json.nodes nodes -数组。 然后我得到了nodes -数组和json.nodes数组之间的区别。 对于每个不同的对象，我都希望通过提供它的索引和参数1来仅从其中一个元素中删除来将其从nodes数组中删除。

function initializeGraphData(json){
    json.nodes.forEach(function(node){
        nodes.push(node);
    });
    json.links.forEach(function(link){
        links.push(link);
    });
    var difInNodes = nodes.diff(json.nodes);
    difInNodes.forEach(function(node){
        nodes.slice(nodes.indexOf(node), 1);
    });
    var difInLinks = links.diff(json.links);
    difInLinks.forEach(function(link){
        links.slice(links.indexOf(link), 1);
    });
    nodes.forEach(function(node){
        java.alert("In nodes array: " + node.name);
    });

    draw();
    checkForLinked(json);
    checkForOptions(json);
}

一个节点元素可能看起来像这样

{"img":"ron.png","concept":null,"name":"Ron Weasley","id":1,"shortname":"Ron","properties":[{"property":"Animal","value":"Rat"}],"group":"#867b69"}

我确实知道在尝试删除它们时它们不是同一对象，所以我认为我可以使用node.id属性，但该属性也无法正常工作。

var difInNodes = nodes.diff(json.nodes);
difInNodes.forEach(function(node){
   nodes.slice(node.id, 1);
}); 

如何删除一个数组中一个对象，该对象在内容上等同于另一个数组中的对象1：1？

Answer 1

slice不会从数组中删除条目，它会创建一个新数组，其中包含原始条目的一部分。

鉴于您在何处以及如何使用它，我相信您打算使用splice （带有p ）。

但是，您还使用了node.id ，就好像它是条目的索引，这不太可能是正确的（并且在第一次更改数组后肯定不会正确）。 因此，首先需要找到正确的索引，然后使用splice删除条目。 ES2015增加findIndex到Array.prototype这对寻找基于回调函数的条目的索引有用; 可以在ES5和更早版本的引擎上进行填充/填充。

所以：

var difInNodes = nodes.diff(json.nodes);
difInNodes.forEach(function(node){
   var index = nodes.findIndex(function(entry) { return entry.id == node.id; });
   if (index !== -1) {
     nodes.splice(node.id, 1);
     //     ^
   }
});

或者，您可以使用Array#filter每次仅包含所需的条目来构建新的数组：

var difInNodes = nodes.diff(json.nodes);
difInNodes.forEach(function(node){
   nodes = nodes.filter(function(entry) { return entry.id != node.id; });
});

使用哪种方法取决于您，这很大程度上取决于对数组的引用（因为第二种方法创建了一个新数组）。

Answer 2

您可以使用以下方法删除对象： array.splice(index,length);

您只需要知道对象的索引。 只需遍历数组并检查要剪切的对象的索引即可。

就像是：

for(var i = 0; i<array.length; i++){
   if(array[i]["ID"] == yourobject["ID"]){
       array.splice(i,1);
   }
}