js两个json怎么合并成一个

欧易交易所欧易app 欧易下载搜狗输入法搜狗输入法 quickq下载 quickq官网

合并两个JSON对象是JavaScript中常见的操作，尤其是在处理数据和配置时，就来聊聊如何在JavaScript中将两个JSON对象合并为一个。

我们得了解什么是JSON，JSON，全称JavaScript Object Notation，是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，它基于JavaScript的一个子集，所以它在JavaScript中处理起来非常方便。

我们来看两个JSON对象的例子：

var obj1 = {
  name: "Alice",
  age: 25,
  hobbies: ["reading", "swimming"]
};
var obj2 = {
  country: "Wonderland",
  education: "University",
  hobbies: ["traveling", "gaming"]
};

我们的目标是将这两个对象合并成一个，其中相同的键将被覆盖，不同的键将被添加到结果对象中，在JavaScript中，有几种方法可以实现这个目标。

方法一：使用Object.assign()

Object.assign()方法可以用来复制一个或多个源对象的所有可枚举的、自有的属性到目标对象，并返回目标对象，这个方法在ES6中被引入，是一个非常方便的合并工具。

var mergedObj = Object.assign({}, obj1, obj2);

这段代码会创建一个新的空对象，并使用obj1和obj2中的属性填充它，如果有相同的属性，obj2中的属性会覆盖obj1中的属性。

方法二：使用展开运算符（...）

ES6还引入了展开运算符（...），它可以用来合并对象。

var mergedObj = {...obj1, ...obj2};

这种方式与Object.assign()类似，但是语法更加简洁，它也会创建一个新的对象，并将obj1和obj2的属性合并进去。

方法三：使用递归合并

如果你需要更复杂的合并逻辑，比如深度合并（合并嵌套对象），你可能需要编写一个递归函数来处理。

function deepMerge(target, ...sources) {
  sources.forEach(source => {
    Object.keys(source).forEach(key => {
      if (isObject(target[key]) && isObject(source[key])) {
        deepMerge(target[key], source[key]);
      } else {
        target[key] = source[key];
      }
    });
  });
  return target;
}
var mergedObj = deepMerge({}, obj1, obj2);

这个函数会检查每个属性是否是对象，如果是，它会递归地合并它们，否则，它将直接覆盖属性。