javascript - 克隆一个对象并改变值也会改变原始对象

Question

我想知道为什么会这样？

我有一个对象存储在 var myObj 中:

var myObj = JSON.parse(fs.readFileSync('json/data.json', 'utf8'));

然后我通过以下方式从原始对象中克隆:

var modObj = myObj;

之后我从克隆中删除空值:

cleansedObj = removeEmpty(modObj);

为什么这也会改变原始的 myObj 并从中删除空值？

函数如下:

function removeEmpty(obj) {
  Object.keys(obj).forEach(function(key) {
    if (obj[key] && typeof obj[key] === 'object') removeEmpty(obj[key])
    else if (obj[key] === "") delete obj[key]
  });
  return obj;
};

我通过这样做找到了一个解决方法，但似乎是不必要的操作:

var cleansedObj = JSON.stringify(myObj);
cleansedObj = removeEmpty(JSON.parse(cleansedObj));

谢谢!

Answer 1

你不是在克隆你只是用新的变量名引用相同的东西。

从现有对象中创建一个新对象并使用它

var modObj  = JSON.parse(JSON.stringify(myObj));