JS实现合并json对象的方法

 更新时间:2017年10月10日 11:30:12   作者:JEECG开源社区  
这篇文章主要介绍了JS实现合并json对象的方法,涉及javascript递归调用与json格式数据遍历的相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS实现合并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程序设计有所帮助。

相关文章

  • JS字符串常用操作方法实例小结

    JS字符串常用操作方法实例小结

    这篇文章主要介绍了JS字符串常用操作方法,结合实例形式总结分析了javascript字符串获取、返回、拼接、替换、搜索、计算等相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • JavaScript 是什么意思

    JavaScript 是什么意思

    javascript一种由Netscape的LiveScript发展而来的脚本语言,它提高与Java的兼容性。JavaScript采用HTML页作为其接口。很多朋友问js是什么意思?下面小编通过分享本教程给大家解答下,感兴趣的朋友参考下
    2016-09-09
  • 一文解决微信小程序button、input和image表单组件

    一文解决微信小程序button、input和image表单组件

    在微信小程序开发中,input 用来实现文本输入,如输入用户名密码等等,下面这篇文章主要给大家介绍了关于如何通过一文解决微信小程序button、input和image表单组件的相关资料,需要的朋友可以参考下
    2022-08-08
  • JavaScript 数据类型详解

    JavaScript 数据类型详解

    本文主要介绍了JavaScript数据类型的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • js千分位实现方法大汇总

    js千分位实现方法大汇总

    这篇文章主要介绍了js千分位实现方法大汇总,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • iframe与主框架跨域相互访问实现方法

    iframe与主框架跨域相互访问实现方法

    今天正好需要用到iframe 与主框架相互访问的实现方法,正好看到了这篇文章,确实不错,特分享一下,需要的朋友可以参考下
    2017-09-09
  • 第一次接触神奇的Bootstrap导航条

    第一次接触神奇的Bootstrap导航条

    第一次接触神奇的Bootstrap导航条,Bootstrap让Web开发更迅速、更简单,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JavaScript中fetch()用法实例

    JavaScript中fetch()用法实例

    在前端快速发展地过程中,为了契合更好的设计模式,产生了 fetch 框架,下面这篇文章主要给大家介绍了关于JavaScript中fetch()用法的相关资料,需要的朋友可以参考下
    2022-06-06
  • JavaScript中的null和undefined用法解析

    JavaScript中的null和undefined用法解析

    这篇文章主要介绍了JavaScript中的null和undefined用法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • javascript实现简单的进度条

    javascript实现简单的进度条

    本文给大家分享2个javascript实现简单的进度条,一个是个人制作一个是网友实现的,都很不错,这里推荐给大家。
    2015-07-07

最新评论