JavaScript 合并 JSON 对象的实现方法

作者:拾光时间:2026-10-22 09:07:06浏览:524

本文介绍在 JavaScript 中合并多个 JSON 对象的方法。通过定义 extend 函数,支持数组输入及覆盖策略,实现对象属性的深度或浅层合并。文中提供完整可运行代码示例,并推荐多款在线 JSON 格式化工具以辅助开发。

JavaScript 合并 JSON 对象实现

本文介绍在 JavaScript 中合并 JSON 对象的具体实现方式,供开发者参考。

一、问题背景:

需要找到一种有效的方法将多个 JSON 对象合并为一个。


var a ={"a":"1","b":"2"}
var b ={"c":"3","d":"4","e":"5"}

期望得到的合并结果如下:


var c ={"a":"1","b":"2","c":"3","d":"4","e":"5"}

二、具体实现代码:


<script>
function extend(des, src, override){
  if(src instanceof Array){
    for(var i = 0, len = src.length; i < len; i++)
       extend(des, src[i], override);
  }
  for( var i in src){
    if(override || !(i in des)){
      des[i] = src[i];
    }
  }
  return des;
}
var a ={"a":"1","b":"2"}
var b ={"c":"3","d":"4","e":"5"}
var c = extend({}, [a,b]);
console.log(c);
</script>

运行结果展示:

JavaScript 合并 JSON 对象实现

PS:关于 JSON 操作,这里再为大家推荐几款比较实用的 JSON 在线工具供大家参考使用:

在线 JSON 代码检验、检验、美化、格式化工具: http://tools.jb51.net/code/json

JSON 在线格式化工具: http://tools.jb51.net/code/jsonformat

在线 XML/JSON 互相转换工具: http://tools.jb51.net/code/xmljson

JSON 代码在线格式化/美化/压缩/编辑/转换工具: http://tools.jb51.net/code/jsoncodeformat

在线 JSON 压缩/转义工具: http://tools.jb51.net/code/json_yasuo_trans

更多关于 JavaScript 相关内容可查看本站专题:《JavaScript 中 json 操作技巧总结》、《JavaScript 查找算法技巧总结》、《JavaScript 错误与调试技巧总结》、《JavaScript 数据结构与算法技巧总结》、《JavaScript 遍历算法与技巧总结》及《JavaScript 数学运算用法总结》

希望本文所述对大家 JavaScript 程序设计有所帮助。

作者最新文章