JavaScript/jQuery如何将JSON对象合并到另一JSON的UserInfo节点下

首先需要明确：你当前定义的json1、json2都是JSON格式的字符串，无法直接操作内部属性，需要先解析为JavaScript对象，完成字段合并后，再按需转回JSON字符串即可。 #

原生JavaScript实现（无依赖，推荐） #

现代浏览器写法 #

用Object.assign可以快速完成属性合并，适配所有现代浏览器、Node.js环境：

// 解析JSON字符串为JS对象
const parsed1 = JSON.parse(json1);
const parsed2 = JSON.parse(json2);

// 将parsed2的所有属性合并到parsed1的UserInfo节点下
Object.assign(parsed1.UserInfo, parsed2);

// 如需转回格式化的JSON字符串，执行下面这行
const finalJson = JSON.stringify(parsed1, null, 2);

兼容旧浏览器写法 #

如果需要兼容IE这类不支持Object.assign的老旧环境，可以手动遍历属性复制：

const parsed1 = JSON.parse(json1);
const parsed2 = JSON.parse(json2);

for (const key in parsed2) {
  if (parsed2.hasOwnProperty(key)) {
    parsed1.UserInfo[key] = parsed2[key];
  }
}

const finalJson = JSON.stringify(parsed1, null, 2);

jQuery实现 #

如果项目中已经引入jQuery，可以直接用$.extend方法完成合并，效果完全一致：

const parsed1 = JSON.parse(json1);
const parsed2 = JSON.parse(json2);

// 浅合并即可满足当前场景需求
$.extend(parsed1.UserInfo, parsed2);

const finalJson = JSON.stringify(parsed1, null, 2);

提示：如果json2中存在和UserInfo下已有字段同名的属性，合并后新值会覆盖原有值。如果需要保留原有值，在属性赋值前加个存在性判断即可。

内容的提问来源于stack exchange，提问作者BehroozDante