js怎么把json转成xml

JavaScript中如何将JSON转换为XML：实用指南

在Web开发中,JSON和XML是两种常见的数据交换格式，虽然JSON因其简洁性和与JavaScript的天然亲和力而更受欢迎，但某些场景下仍需要将JSON数据转换为XML格式，本文将详细介绍几种在JavaScript中将JSON转换为XML的方法。

使用第三方库

使用 json2xml 库

json2xml 是一个专门用于将JSON转换为XML的轻量级库，使用简单直观。

安装

npm install json2xml

使用示例

const json2xml = require('json2xml');
const jsonData = {
    name: "John",
    age: 30,
    city: "New York",
    hobbies: ["reading", "swimming"]
};
const xmlData = json2xml(jsonData);
console.log(xmlData);

输出结果

<root>
  <name>John</name>
  <age>30</age>
  <city>New York</city>
  <hobbies>
    <hobby>reading</hobby>
    <hobby>swimming</hobby>
  </hobbies>
</root>

使用 xmlbuilder-js 库

xmlbuilder-js 提供了更灵活的XML构建方式，也可以用于JSON到XML的转换。

安装

npm install xmlbuilder-js

使用示例

const builder = require('xmlbuilder');
const jsonData = {
    person: {
        name: "John",
        age: 30,
        city: "New York",
        hobbies: ["reading", "swimming"]
    }
};
const xmlData = builder.create(jsonData).end({ pretty: true});
console.log(xmlData);

输出结果

<?xml version="1.0"?>
<person>
  <name>John</name>
  <age>30</age>
  <city>New York</city>
  <hobbies>
    <hobby>reading</hobby>
    <hobby>swimming</hobby>
  </hobbies>
</person>

手动转换函数

如果不想引入第三方库,可以编写一个自定义的转换函数，以下是一个递归实现的基本示例：

function jsonToXml(obj, rootName = 'root') {
    let xml = `<?xml version="1.0" encoding="UTF-8"?>\n<${rootName}>`;
    function processObject(o, parentTag) {
        for (let key in o) {
            if (o.hasOwnProperty(key)) {
                const value = o[key];
                const tag = key.replace(/ /g, '_');
                if (Array.isArray(value)) {
                    xml += `\n<${tag}>`;
                    value.forEach(item => {
                        if (typeof item === 'object') {
                            processObject(item, tag);
                        } else {
                            xml += `\n<item>${escapeXml(item)}</item>`;
                        }
                    });
                    xml += `\n</${tag}>`;
                } else if (typeof value === 'object') {
                    xml += `\n<${tag}>`;
                    processObject(value, tag);
                    xml += `\n</${tag}>`;
                } else {
                    xml += `\n<${tag}>${escapeXml(value)}</${tag}>`;
                }
            }
        }
    }
    processObject(obj, rootName);
    xml += `\n</${rootName}>`;
    return xml;
}
function escapeXml(str) {
    if (typeof str !== 'string') {
        return str;
    }
    return str.replace(/[<>&'"]/g, function (c) {
        switch (c) {
            case '<': return '&lt;';
            case '>': return '&gt;';
            case '&': return '&amp;';
            case '\'': return '&apos;';
            case '"': return '&quot;';
        }
    });
}
// 使用示例
const jsonData = {
    name: "John",
    age: 30,
    city: "New York",
    hobbies: ["reading", "swimming"]
};
console.log(jsonToXml(jsonData));

输出结果

<?xml version="1.0" encoding="UTF-8"?>
<root>
  <name>John</name>
  <age>30</age>
  <city>New York</city>
  <hobbies>
    <item>reading</item>
    <item>swimming</item>
  </hobbies>
</root>

使用浏览器内置功能（有限支持）

在某些现代浏览器环境中,可以利用DOMParser和XMLSerializer进行有限制的转换：

function jsonToXmlBrowser(obj, rootName = 'root') {
    const doc = document.implementation.createDocument('', '', null);
    const root = doc.createElement(rootName);
    doc.appendChild(root);
    function appendObject(parent, o) {
        for (let key in o) {
            if (o.hasOwnProperty(key)) {
                const value = o[key];
                const elem = doc.createElement(key);
                if (Array.isArray(value)) {
                    value.forEach(item => {
                        if (typeof item === 'object') {
                            appendObject(elem, item);
                        } else {
                            const child = doc.createElement('item');
                            child.textContent = item;
                            elem.appendChild(child);
                        }
                    });
                } else if (typeof value === 'object') {
                    appendObject(elem, value);
                } else {
                    elem.textContent = value;
                }
                parent.appendChild(elem);
            }
        }
    }
    appendObject(root, obj);
    return new XMLSerializer().serializeToString(doc);
}
// 注意：此函数需要在浏览器环境中运行

注意事项

1. XML命名空间：如果需要处理命名空间，确保所选库或函数支持此功能。
2. 特殊字符：始终对XML内容中的特殊字符（<, >, &, ', "）进行转义。
3. 数据类型：注意JSON中的数据类型（如日期、布尔值）在XML中的表示方式。
4. 性能：对于大型JSON文件，第三方库通常经过优化，性能更好。

将JSON转换为XML在JavaScript中有多种实现方式：

1. 推荐使用第三方库如json2xml或xmlbuilder-js，它们功能完善且易于使用。
2. 自定义转换函数适用于简单场景或特定需求，但需要处理更多细节。
3. 浏览器内置功能在特定环境下可用，但功能有限。

选择哪种方法取决于你的具体需求、项目环境以及对控制程度的要求，对于大多数生产环境，使用成熟的第三方库是最佳选择。