JavaScript格式化json和xml的方法示例

下面是“JavaScript格式化json和xml的方法示例”的完整攻略：

一、准备工作

在开始编写JavaScript代码之前，我们需要引入两个库：

1. js-beautify.js: 该库用于美化格式化的代码，包括JSON和XML。
2. xml2json.js: 该库用于将XML数据转换为JSON数据。

你可以通过以下链接获得这两个库的源代码：

• js-beautify.js源代码：https://github.com/beautify-web/js-beautify
• xml2json.js源代码：https://github.com/abdmob/x2js

二、格式化JSON数据

以下是一份待格式化的JSON数据：

{
    "name": "John",
    "age": 30,
    "city": "New York"
}

现在，我们来写一段JavaScript代码，使用js-beautify.js库将其格式化：

const uglyJSON = '{"name":"John","age":30,"city":"New York"}';
const prettyJSON = js_beautify(uglyJSON);
console.log(prettyJSON);

以上代码中，我们将待格式化的JSON数据存储在一个字符串变量uglyJSON中，然后调用库中提供的方法js_beautify()格式化该数据，并将格式化后的结果存储在prettyJSON变量中，最后通过console.log()方法将格式化后的结果输出到控制台。

运行以上代码，输出结果如下：

{
    "name": "John",
    "age": 30,
    "city": "New York"
}

三、格式化XML数据

以下是一份待格式化的XML数据：

<bookstore>
    <book category="children">
        <title>The Cat in the Hat</title>
        <author>Dr. Seuss</author>
        <year>1957</year>
    </book>
    <book category="web">
        <title>Learning XML</title>
        <author>Erik T. Ray</author>
        <year>2003</year>
    </book>
</bookstore>

现在，我们来写一段JavaScript代码，使用xml2json.js库将其转换为JSON格式，然后再使用js-beautify.js库将其格式化：

const uglyXML = `
    <bookstore>
        <book category="children">
            <title>The Cat in the Hat</title>
            <author>Dr. Seuss</author>
            <year>1957</year>
        </book>
        <book category="web">
            <title>Learning XML</title>
            <author>Erik T. Ray</author>
            <year>2003</year>
        </book>
    </bookstore>
`;
const x2js = new X2JS();
const uglyJSON = x2js.xml2json(uglyXML);
const prettyJSON = js_beautify(uglyJSON);
console.log(prettyJSON);

以上代码中，我们将待格式化的XML数据存储在一个字符串变量uglyXML中，然后首先使用库中提供的方法xml2json()将其转换为JSON格式，结果存储在uglyJSON变量中；接着，我们调用js-beautify.js库中的js_beautify()方法，将JSON数据格式化，结果存储在prettyJSON变量中；最后，我们通过console.log()方法将格式化后的结果输出到控制台。

运行以上代码，输出结果如下：

{
    "bookstore": {
        "book": [
            {
                "-category": "children",
                "title": "The Cat in the Hat",
                "author": "Dr. Seuss",
                "year": "1957"
            },
            {
                "-category": "web",
                "title": "Learning XML",
                "author": "Erik T. Ray",
                "year": "2003"
            }
        ]
    }
}

至此，“JavaScript格式化JSON和XML的方法示例”的完整攻略讲解结束。