复制对象属性，保持可变性

如何解决复制对象属性，保持可变性

我需要将一个对象的某些属性复制到另一个对象并保持其可变性。

这是源对象：

var originalObj = {
  "key1": "value1","key2": "value2","nestedObj1" : {
    "nestedKey1" : "nestedValue1","nestedKey2" : "nestedValue2"
  },"nestedArr1" : [
    {
      "nestedKey3" : "nestedValue3","nestedKey4" : "nestedValue4"
    },{
      "nestedKey5" : "nestedValue5","nestedKey6" : "nestedValue6"
    }
  ],"key3": "value3","key4": "value4"  
}

基本上，我只需要复制非对象和非数组的键。 在此示例中，key1，key2，key3和key4

这就是我所做的：

  var modObject = {}
  Object.keys(originalObj).forEach((child) => {

    // Copy non-objects and non-arrays
    if (typeof originalObj[child] !== 'object' && 
    !Array.isArray(modObject[child])) {
      modObject[child] = originalObj[child]
    }
  })
  
  // Change modObject and expect originalObj is updated to 'value3_modified' as well
  modObject['key3'] = 'value3_modified'
  console.log(originalObj['key3'])  // Outputs 'value3' - Key3 value was not modified
  console.log(modObject['key3'])  // Outputs 'value3_modified'

但是问题是，当我更新modObject时，其更改没有传播到originalObj。我知道，这是因为我正在将其复制为值。

因此，我尝试顶部复制整个对象，然后删除不应该存在的对象（数组和对象键）：

  // Copy the entire object
  modObject = originalObj

  Object.keys(modObject).forEach((child) => {

    // Delete objects and arrays - these should not be in the new object
    if (typeof modObject[child] === 'object' || 
    Array.isArray(modObject[child])) {
      delete modObject[child]
    }
  })

  // Update modObject and expect originalObj updated to 'value3_modified' as well
  modObject['key3'] = 'value3_modified'
  console.log(modObject)  // Outputs 'value3_modified'
  console.log(originalObj)  // // Outputs 'value3_modified' but object and array keys deleted in originalObj

但是，这一次，我的问题是，因为它是可变的，所以我在modObject上删除的密钥也在originalObj中删除了。

我如何实现我想要的：

• 将非对象键和非数组键从originalObj复制到modObject，同时保持其可变性？

这是我的小提琴： https://jsfiddle.net/keechan/hbdj9mcs/11/

帮助！谢谢！

解决方法

对不起，我不知道您到底想要什么，但我假设您想克隆原始对象，并希望保留安全的原始对象并修改克隆的对象。

检查是否适合您。

let modObject = JSON.parse(JSON.stringify(originalObj))

现在使用modObject（克隆的）执行任何操作，原来的Obj不会受到影响。

Stack Overflow: What is the most efficient way to deep clone an object in JavaScript?