本文介绍在 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>
运行结果展示:

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 程序设计有所帮助。