JavaScript-在将新字段添加到嵌套对象的同时合并对象

Question

我有以下对象：

const config = {
  name: "app",
  android: {
    name: "app-android",
    googleMaps: {
      location: "us",
    }
  }
}

我想创建一个新的对象dynamicConfig，它复制config对象，但将某些字段添加到android.googlemaps ：

const dynamicConfig = {
  ...config,
  android: {
    ...config.android,
    googleMaps: {
      ...config.android.googleMaps,
      endPoint: "some-endpoint",
      apiKey: "some-api-key",
    }
  }
}

还有其他更干净的方法来处理此问题吗？我必须多次传播吗？

Answer 1

您要问的是如何做深层合并，我强烈建议您检查首先。

因此，不幸的是，您现在将看到有2个主要选项适合您。

1. 编写自己的深层合并函数
2. 使用外部库，因为，是的，其他人已经这样做了，

如果您需要库，我建议您尝试 lodash _。merge（）。

Answer 2

您可以尝试这样。 structuredclone（）创建一个具有给定值的深克隆

const dynamicConfig = structuredClone(config);
dynamicConfig.android.googleMaps.endPoint = "some-endpoint";
dynamicConfig.android.googleMaps.apiKey= "some-api-key";

Answer 3

我建议使用 lodash Merge ，这是最简单的深入合并方法。例如：

var merge = require('lodash.merge');

const config = {
name: "app",
android: {
    name: "app-android",
    googleMaps: {
            location: "us",
        }
    }
}

const additionalConfig = {
android: {
    googleMaps: {
        endPoint: "some-endpoint",
        apiKey: "some-api-key",
      }
   }
}

output = merge(config, additionalConfig);
console.log(output);

结果：

{
name: "app",
android: {
    name: "app-android",
    googleMaps: {
        apiKey: "some-api-key",
        endPoint: "some-endpoint",
        location: "us",
    }
}

}