javascript - 使用另一个属性值更改数组中对象的属性值

Question

我有一个数组，如下所示。我想要实现的是一个函数，它将节点的 ID、x 和 y 作为输入，并在数组中进行相应的更改。

var nodes = [{ID:"101", x:100, y:200}
             ,{ID:"102", x:200, y:200}
             ,{ID:"103", x:300, y:300}
             ,{ID:"104", x:200, y:300}]; 

例如，function (102,200,300); 会将数组中第二个对象的 x 和 y 更新为 {ID:"102", x:200, y:300} .

我所做的是这样的:

function update(id,x,y){
    for (var i=0 in nodes){
        if (nodes[i].ID==id){
            nodes[i].x = x;
            nodes[i].y = y;
            break;
        }
    }
}

除了使用for循环和if条件来检查和更新之外，我想知道其他方法。提前致谢。

Answer 1

不太确定您在这里期待什么。如果你有一个非特定元素的数组，你最终会以某种方式循环，除非对象始终处于相同的顺序并且可以通过它们的索引访问。它们的 ID 是如何生成的/它们是如何推送到数组上的？

如果你想避免循环，你应该将对象存储在一个对象中，并将它们的 ID 作为键属性。

var nodes = {
    '101': {ID: '101', x:100, y:200},
    '102': {ID: '102', x:200, y:200},
    '103': {ID: '103', x:300, y:300},
    '104': {ID: '104', x:200, y:300}
};

然后您就可以直接访问它们。

function setv(id, x, y) {
    if (nodes.hasOwnProperty(id)) {
        nodes[id].x = x;
        nodes[id].y = y;
    }
}

此外，您应该避免使用 for..in在数组上 - 使用常规 for 循环，或 Array.prototype.forEach() .

循环对象并检查其属性和值的简单方法:

function logObj(obj) {
    for (var p in obj) {
        if (obj.hasOwnProperty(p)) {
            console.log(p, obj[p]);
        }
    }
}