将一个对象的选定属性值复制到另一个对象

Question

我有2个javascript对象：obj_a和obj_b：

var obj_a = {'p1':{x:100, y:200, z:100}, 'p2':{x:100, y:100, z:300}};
var obj_b = {'p1':{x:100, y:200}, 'p2':{x:100, y:100}};

我试图仅将obj_b的“ x和y值”复制到obj_a（如果它们不同）。 例如，

如果obj_b = {'p1':{x:200, y:200}, 'p2':{x:300, y:400}}; ，

最终的obj_a将是obj_a = {'p1':{x:200, y:200, z:100}, 'p2':{x:300, y:400, z:300}}; 。 完全忽略obj_a的属性“ z”。

因此，我写了以下内容：

function isDifferent(a, b) {
    var aProps = Object.getOwnPropertyNames(a);
    var bProps = Object.getOwnPropertyNames(b);
    for (var i = 0; i < bProps.length; i++) {
        var propName = bProps[i];
         if (a[propName] != b[propName]) {
            return true;
        }
    }
    return false;
}
for (var prop in obj_b){
    if(isDifferent(obj_a[prop], obj_b[prop]){
        var bProps = Object.getOwnPropertyNames(obj_b[prop]);
        for (var i = 0; i < bProps.length; i++){
            var propName = bProps[i];
            obj_a[prop].propName = obj_b[prop].propName;
        }
    }
}

但是使用obj_a [prop] .propName进行复制时会出现问题，因为只有在console.log(obj_a[prop].propName);时我才得到未定义的内容console.log(obj_a[prop].propName); 。 当我尝试console.log(obj_a[p1].x); ，输出为旧值：“ 200”。 有人可以启发我吗？

Answer 1

如果要通过存储在变量中的名称来引用对象属性，则需要使用方括号表示法 。 在您的情况下，

var propName = bProps[i];
obj_a[prop].propName = obj_b[prop].propName;

采用

var propName = bProps[i];
obj_a[prop][propName] = obj_b[prop][propName];

Answer 2

您应该使用obj_a[prop][propName] 。 object[prop].propName与object[prop]["propName"] ，这意味着它将搜索字面名称为“ propName”的属性。

因此， obj_a[p1].x将返回您期望的值，但是obj_a[p1].propName将是未定义的，因为obj_a [p1]没有属性名“ propName”。

您想要的是将“ propName”视为“字符串变量”而不是“字符串文字”。