js怎么将两个json合并

在JavaScript编程中，合并两个JSON对象是一项常见的任务，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，本文将详细介绍如何将两个JSON对象合并为一个新对象，并提供一些实际示例。

我们需要了解JSON对象，JSON对象是由键值对组成的，其中键（key）是字符串，而值（value）可以是字符串、数字、布尔值、数组或另一个JSON对象，在JavaScript中，通常使用对象字面量（{}）来表示JSON对象。

要合并两个JSON对象，我们可以采用以下几种方法：

1、使用扩展运算符（Spread Operator）

扩展运算符（...）是ES6（ECMAScript 2015）引入的一种简洁的语法，用于将一个数组或对象的可枚举属性拷贝到当前对象中，要合并两个JSON对象，我们可以创建一个包含两个对象的新对象，并使用扩展运算符将它们的内容合并到一起。

const object1 = { a: 1, b: 2 };
const object2 = { c: 3, d: 4 };
const mergedObject = { ...object1, ...object2 };
console.log(mergedObject); // 输出：{ a: 1, b: 2, c: 3, d: 4 }

2、使用Object.assign方法

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象，要合并两个JSON对象，我们可以将一个对象作为目标对象，另一个对象作为源对象传递给该方法。

const object1 = { a: 1, b: 2 };
const object2 = { c: 3, d: 4 };
const mergedObject = Object.assign({}, object1, object2);
console.log(mergedObject); // 输出：{ a: 1, b: 2, c: 3, d: 4 }

需要注意的是，如果两个对象具有相同的键，Object.assign()方法将仅保留源对象中的值。

js怎么将两个json合并

3、递归合并方法

如果需要合并的两个JSON对象包含嵌套的对象，我们可以使用递归方法来合并它们，递归方法会遍历对象的所有属性，并在遇到嵌套对象时递归地调用自身。

function deepMerge(target, source) {
  let output = Object.assign({}, target);
  if (source) {
    Object.keys(source).forEach(key => {
      if (source[key] !== null && typeof source[key] === 'object') {
        if (!(key in target)) {
          Object.assign(output, { [key]: source[key] });
        } else if (typeof target[key] === 'object' && target[key] !== null) {
          output[key] = deepMerge(target[key], source[key]);
        }
      } else {
        Object.assign(output, { [key]: source[key] });
      }
    });
  }
  return output;
}
const object1 = { a: 1, b: { x: 5, y: 6 } };
const object2 = { a: 2, b: { y: 7, z: 8 } };
const mergedObject = deepMerge(object1, object2);
console.log(mergedObject); // 输出：{ a: 2, b: { x: 5, y: 7, z: 8 } }

js怎么将两个json合并