为什么更新一个对象中的属性会改变另一个对象

Why does updating properties in one object change another object?

本文关键字:一个对象 改变 属性 更新 为什么      更新时间:2023-09-26

我通过ajax将JSON数据加载到对象中,将该对象复制到新对象(initData和newData)。当我改变newData的属性时,initData的属性也会改变。为什么会发生这种情况?

var initData = {};
var newData = {};    
function load_data(NDB_No){
    $.getJSON(('scripts/jsonencode.php?q=' + NDB_No), function(data) {
        for (prop in data){
            initData[prop] = data[prop];
            newData[prop] = data[prop];
        }
    console.log('init data: ' + initData.properties.Protein); // "init data: 0.259"
    console.log('new data: ' + newData.properties.Protein); // "new data: 0.259"
     var n = parseFloat(newData.properties.Protein);
     newData.properties.Protein = n+1;
    console.log('init data: ' + initData.properties.Protein + 'new data: ' + newData.properties.Protein); 
    // "init data: 1.259 new data: 1.259"
    // why are these the same when I only updated newData object?

    });

}

看起来data[prop]是一个对象(因为您稍后要引用newData.properties.Protein)。对象总是通过引用传递,变量只是指向对象的指针。

因为你首先得到JSON,你的对象是JSON-able,所以你可以使用它来"克隆"对象:

$.getJSON(...,function(data) {
    initData = JSON.parse(JSON.stringify(data));
    newData = JSON.parse(JSON.stringify(data));
});

这将确保对象是分开的。还有其他方法可以做到这一点,但是这个方法通过使用内置方法(总是更快)来避免手动递归

设置两者引用相同的内存空间:

initData[prop] = data[prop];
newData[prop] = data[prop];

…所以当你改变newData时,你也改变了initData。您需要创建一个副本,而不是按引用赋值。我必须运行,所以我现在不能提供一个例子