javascript - 在 Javascript 中将 xml 转换为 json

标签 javascript jquery json

我有以下将 XML 转换为 JSON 的 javascript 函数(我从 Stack Overflow 获得):

function xmlToJson(xml) {
    try {
        var obj = {};
        if (xml.nodeType == 1) {
            if (xml.attributes.length > 0) {
                for (var j = 0; j < xml.attributes.length; j++) {
                    var attribute = xml.attributes.item(j);

                    obj[attribute.nodeName] = attribute.nodeValue;
                }
            }
        } else if (xml.nodeType == 3) {
            obj = xml.nodeValue;
        }

        if (xml.hasChildNodes()) {
            for (var i = 0; i < xml.childNodes.length; i++) {
                var item = xml.childNodes.item(i);
                var nodeName = item.nodeName;

                if (typeof (obj[nodeName]) == "undefined") {
                    obj[nodeName] = xmlToJson(item);
                } else {
                    if (typeof (obj[nodeName].push) == "undefined") {
                        var old = obj[nodeName];

                        obj[nodeName] = [];
                        obj[nodeName].push(old);
                    }

                    obj[nodeName].push(xmlToJson(item));
                }
            }
        }

        console.log(JSON.stringify(obj));
        return obj;
    } catch (e) {
        alert(e.message);
    }
}

当 xml 节点至少有一个子节点并且它也有一个父节点时,我想要的是将它作为数组 ([]) 返回。在此代码中,如果 xml 节点具有单个子节点,则它返回映射 ({}),但它可以有多个子节点。

例如,我想要 XML

<pnode attr1="abc">
    <cnode attr2="xyz"></cnode>
</pnode>

转换为 JSON

{
    "pnode": {
        "attr1": "abc"
    },
    "cnode": [
        {"attr2": "xyz"}
    ]
}

最佳答案

澄清了您想要实现的目标后,这里有一个算法。 我会留下我的其他答案,因为我仍然认为最明智的选择是不玩这个结构

function flattenNodes(node, isChild) {
    var obj = {}, obj2, i, key, attributes = {};
    if (node.attributes && node.attributes.length)
        for (i = 0; i < node.attributes.length; ++i)
            attributes[node.attributes[i].nodeName] = node.attributes[i].nodeValue;
    if (!isChild)
        obj[node.nodeName] = attributes;
    else {
        if (!obj.hasOwnProperty(node.nodeName))
            obj[node.nodeName] = [];
        else if (!(obj[node.nodeName] instanceof Array))
            obj[node.nodeName] = [obj[node.nodeName]];
        obj[node.nodeName].push(attributes);
    }
    attributes = null; // free
    if (node.childNodes && node.childNodes.length)
        for (i = 0; i < node.childNodes.length; ++i) {
            if (node.childNodes[i].nodeType === 3) continue; // skip text node
            obj2 = flattenNodes(node.childNodes[i], 1); // recurse
            for (key in obj2) // merge
                if (obj2.hasOwnProperty(key))
                    if (!obj.hasOwnProperty(key)) {
                        obj[key] = obj2[key];
                    } else {
                        if (!(obj[key] instanceof Array))
                            obj[key] = [obj[key]];
                        obj[key] = obj[key].concat(obj2[key]);
                    }
        }
    return obj;
}

节点上的示例用法 root_node

var root_node;
root_node = new DOMParser().parseFromString(
    '<pnode attr1="abc"><cnode attr2="xyz"></cnode></pnode>',
    'text/xml'
).documentElement;

var o = flattenNodes(root_node); // create
JSON.stringify(o);               // to JSON
// {"pnode":{"attr1":"abc"},"cnode":[{"attr2":"xyz"}]}

如果您有 <foo bar="baz"><foo hello="world"></foo></foo> 形式的 XML ,第一次迭代将导致 {foo: {bar: "baz"}} ,那么第二次遇到会把这个修改成{foo: [{bar: "baz"}, {hello: "world"}]}的数组形式

关于javascript - 在 Javascript 中将 xml 转换为 json,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19055512/

相关文章:

javascript - 无法调用未获取 page.matches OnSenUi 的函数

javascript - 相当于 jQuery .is() 的 JS

json - Jackson 1.x 到 2.x 以及向后兼容的意义

javascript - Ace Editor 通过垂直滚动条隐藏最后一个符号

javascript - 让网页看起来像一本书

javascript - Polymer WebComponents 数据绑定(bind) js 对象/数组

java - 通过 Ajax 使用 servlet 中的数据加载 JQuery 数据表

Jquery循环下一个: function help

javascript - "not well-formed"在从脚本将 json 加载到模板时由 handlebars.js 调用

javascript - 未定义“JsonTable”react/jsx-no-undef