JS操作xml对象转换为Json对象示例


Posted in Javascript onMarch 25, 2017

最近在处理一个前端功能的时候,遇到了一个问题,原本的系统是使用的xml来存储数据的,而在新的系统上,想要转换为json对象存储,于是就考虑到直接将xml对象转换为json对象。

目前为止,通用的转换方式我还没有找到,只有根据已知的xml对象结构来使用for循环不断地赋值。

var xml = ······;//获取xml对象
var objList = [];
for(var i = 0;i<xml.childNodes.length;i++){
  var obj = {};
  obj.attribute1 = xml.getAttribute("attribute1");//获取节点属性
  obj.attribute2 = xml.getAttribute("attribute2");
  obj.children = [];
  for(var x=0;x<xml.childNodes[i].childNodes.length;x++){
    var element = xml.childNodes[i].childNodes[x];
    var child = {};
    child.attribute1 = element.getAttribute("attribute1");
    child.attribute2 = element.getAttribute("attribute2");
    obj.children.push(child);
  }
  objList.push(obj);     
}

for循环可以继续嵌套下去,每一个新的json对象的属性都可以自定义,但是在getAttribute()方法中一定要填写自己所需要的存在的属性。

这样的方法看起来比较蠢,暂时先这样用吧,等到我想到了更好的方法之后在考虑替换。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 动态设置已知select的option的value值的代码
Dec 16 Javascript
Javascript 中介者模式实例
Dec 16 Javascript
input 输入框内的输入事件详细分析
Mar 17 Javascript
jQuery根据纬度经度查看地图处理程序
May 08 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
第一次接触JS require.js模块化工具
Apr 17 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
Sep 02 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
javascript实现的图片预览功能
Mar 25 #Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 #Javascript
bootstrap table动态加载数据示例代码
Mar 25 #Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 #Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
Mar 25 #Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 #Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 #Javascript
You might like
生成php程序的php代码
2008/04/07 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
javascript新手语法小结
2008/06/15 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
js实现动态加载脚本的方法实例汇总
2015/11/02 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
小结Python用fork来创建子进程注意事项
2014/07/03 Python
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python中进程和线程的区别详解
2017/10/29 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
python实现简单flappy bird
2018/12/24 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
解决Django后台ManyToManyField显示成Object的问题
2019/08/09 Python
python定位xpath 节点位置的方法
2019/08/27 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
python使用yield压平嵌套字典的超简单方法
2019/11/02 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
纯css3制作网站后台管理面板
2014/12/30 HTML / CSS
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
传播学毕业生求职信
2013/10/11 职场文书
五年级作文之想象作文
2019/10/30 职场文书
Python之Matplotlib绘制热力图和面积图
2022/04/13 Python