ES6系列笔记-JSON对象

JSON的转换

1:json变成字符串 JSON.stringify(json)方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script>
        let json = {
            a: 12,
            b: 3
        };
        let str = 'https://www.bilibili.com' + encodeURIComponent(JSON.stringify(json))
        console.log(str)
    </script>
</html>

2:字符串变成json JSON.parse(str)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script>
        let str = '{"a":33,"b":22,"c":"tt"}';
        let json = JSON.parse(str);
        console.log(json)
    </script>
</html>

注意:json的标准写法
1:只能用双引号
2:所有的名字都必须用引号包起来

JSON的简写

1:名字和值(key,value)一样的时候,可以只写一个

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script>
        let a = 12;
        let b = 5;

        //let  json={a:a,b:b};
        //名字和值(key,value)一样的时候,可以只写一个
        let json = {a,b,c: 95
        };
        console.log(json)
    </script>
</html>

2:json里面有方法的话,连冒号带function方法可以一起去掉

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script>
        let json = {
            a: 125,
            show: function() {
                console.log(this.a);
            }
        }
        json.show();
    </script>
</html>

可以去掉冒号和function,写成这样

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script>
        let json = {
            a: 125,
            show() {
                console.log(this.a);
            }
        }
        json.show();
    </script>
</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,664评论 0 3
  • 对象 简单说,所谓对象,就是一种无序的数据集合,由若干个“键值对”(key-value)构成。 varobj = ...
    那个汉堡在对我笑阅读 548评论 0 0
  • 0、对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么? 1.对于HTTP协议而言,htm...
    saintkl阅读 627评论 0 0
  • 0、对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么? HTML就是符合HTML语法的字...
    怎么昵称阅读 1,674评论 0 3
  • 我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify...
    程序员之路阅读 1,048评论 0 6

友情链接更多精彩内容