美文网首页Nodejs、TypeScript和Vuejs
如何使用JavaScript漂亮地打印JSON对象

如何使用JavaScript漂亮地打印JSON对象

作者: 雪域迷影 | 来源:发表于2020-10-23 00:07 被阅读0次

    本文翻译自How to pretty-print a JSON object with JavaScript

    如何使用JavaScript漂亮地打印JSON对象

    之前的文章中,我们研究了如何使用JSON.stringify()方法将JSON对象序列化为JSON字符串。 当从客户端向服务器发送JON数据时,这非常有用。

    在本文中,您将学习如何使用JSON.stringify()方法在JavaScript中漂亮地打印JSON对象

    JSON.stringify()方法最多接受三个参数:JSON对象,替换器和空格。 只有JSON对象是必需的,其余两个参数是可选的。

    如果在调用JSON.stringify()时跳过可选参数,则输出JSON字符串将不包含任何空格或换行符。 这使得很难读取序列化的JSON字符串,尤其是当您将其写入文件时。

    为了提高可读性,您可以做的是传入一个数字作为第三个参数,表示要插入的总空格。 空格数必须在0到10之间:

    const obj = {
        name: 'Atta',
        profession: 'Software Engineer',
        country: 'PK',
        skills: ['Java', 'Spring Boot', 'Node.js', 'JavaScript']
    };
    
    // serialize JSON object
    const str = JSON.stringify(obj, null, 4);
    
    // print JSON string
    console.log(str);
    

    上面的示例将JSON对象序列化为以下字符串:

    {
        "name": "Atta",
        "profession": "Software Engineer",
        "country": "PK",
        "skills": [
            "Java",
            "Spring Boot",
            "Node.js",
            "JavaScript"
        ]
    }
    

    正如您在上面看到的那样,序列化的JSON字符串格式正确,并且比默认行为更具可读性。 省略space参数时,输出JSON字符串如下所示:

    {"name":"Atta","profession":"Software Engineer","country":"PK","skills":["Java","Spring Boot","Node.js","JavaScript"]}
    

    仅此而已。 查看本指南,以了解有关JavaScript中JSON数据解析和序列化的更多信息。

    喜欢这篇文章吗? 在TwitterLinkedIn上关注我。 您也可以订阅RSS Feed

    其他博客

    相关文章

      网友评论

        本文标题:如何使用JavaScript漂亮地打印JSON对象

        本文链接:https://www.haomeiwen.com/subject/hhcqmktx.html