JavaScript中JSON的使用

最新推荐文章于 2022-11-21 18:18:04 发布

原创最新推荐文章于 2022-11-21 18:18:04 发布 · 813 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSON #对象 #JSON编辑器

Web/Javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了JSON数据格式的基础知识，包括JSON的三种数据类型表示、解析与序列化方法，并通过示例展示了如何使用JavaScript进行操作。

1)什么是JSON？
JSON是一种数据格式，不是一种编程语言。虽然和javascript具有相同的语法，但它并不属于javascript,
很多编程语言都有针对JSON的解析器和序列化器。

2)JSON的语法表示
JSON中定义了三种数据类型格式：
简单值:
"hello world"
对象:
{
"name" : "qingkong",
"age" : 27
}
数组:
[1,"qingkong",false];

3)解析与序列化
JSON对象有两个方法：
stringify():JavaScript对象序列化为JSON字符串。
parse():把JSON字符串解析为JavaScript值。
注意：对于较早版本的浏览器JSON这个对象不可用，如果JSON对象不可用
可以到 http://json.org/下载对应JavaScript版本的js文件，将其在页面中引入。

<html>
    <head></head>
    <body>
        <script type="text/javascript">
            var book = {
                title : "Professional javascript",
                authors : [
                    "Nichollas c. zakas"
                ],
                edition : 3,
                year : 2011,
                toJSON : function() {
                    var _val = this.title;
                    return {_title: _val};
                }   
            };
            
            //将book对象序列化为JSON字符串
            var jsonText = JSON.stringify(book);

            //将JSON字符串解析为一个JavaScript对象
            var bookCopy = JSON.parse(jsonText);
            
            //将信息打印到控制台
            console.log(book);
            console.log(jsonText);
            console.log(bookCopy);
        </script>

    </body>
</html>

关于JSON的更多信息请访问：http://json.org/

附一个JSON在线编辑工具，同时具有格式化功能：http://www.jsoneditoronline.org/