1

我通过 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?


    });


}
4

2 回答 2

4

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

由于您首先获得了 JSON,因此您的对象是 JSON-able,因此您可以使用它来“克隆”对象:

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

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

于 2013-03-05T01:45:20.087 回答
0

这将两者都设置为引用相同的内存空间:

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

...所以当你改变时newData,你也会改变initData。您需要创建一个副本,而不是通过引用分配。我必须跑步,所以我现在不能提供一个例子。

于 2013-03-05T01:45:50.813 回答