为什么更新一个对象中的属性会改变另一个对象
Why does updating properties in one object change another object?
我通过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
。您需要创建一个副本,而不是按引用赋值。我必须运行,所以我现在不能提供一个例子
相关文章:
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 对一个对象使用reduce可以返回一个没有't在数组中包含目标字母
- AngularJS&JSON-从Previous&下一个对象
- jQuery$.inArray()总是返回-1和一个对象数组
- javascript处理一个对象数组以获得一个新的对象数组
- javascript函数,它接受两个输入:一个对象和一个键,并返回对象中该键的相应值
- 你能用来自数组的属性名称生成一个对象吗
- 预期响应包含一个对象,但在angular js中得到一个数组错误
- Protractor:element.getText()返回一个对象,而不是String
- 如何使用jQuery添加另一个对象的高度作为边距
- 计算从一个对象到另一个对象的路径并沿其移动
- 如何将一个对象添加到每个对象数组中
- 为了避免创建全局变量,可以将所有变量分配给一个对象吗
- D3改变一个对象的宽度属性,取决于它的子对象
- 如何在React中改变另一个对象的状态
- 如何使悬停效果改变另一个“对象”选中
- 是否有一种方法来改变一个对象在html后90秒的一个动作与javascript
- 为什么更新一个对象中的属性会改变另一个对象
- 改变一个对象的属性也会影响另一个对象