码迷,mamicode.com
首页 > Web开发 > 详细

ES6-json与字符串的转换

时间:2020-05-22 10:03:22      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:ice   oct   UNC   scale   json   script   doctype   log   基本   

1.ES5下的json

1.1 基本概念

  • 是对象
  • 简写形式,名字跟值(key和value)一样,留一个就行
  • 方法 :function一块删 即show:function(){...}等价于show(){}

1.2 JSON->字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON->字符串</title>
    <script>
        let json = {
            "a": 11,
            show() {
                alert(this.a);
            }
        };
        json.show();
    </script>
</head>
<body>
</body>
</html>

2.ES6下的json

2.1 基本概念

  • 标准写法:只能用双引号,所有的名字都必须用引号包起来

2.2 字符串->JSON

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串->JSON</title>
    <script>
        let str = ‘{ "a": 11,"b": 21}‘;
        let json = JSON.parse(str);
        alert(json);
        console.log(json);
    </script>
</head>
<body>
</body>
</html>

2.3 JSON->字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON->字符串</title>
    <script>
        let json = {
            "a": 11,
            "b": 21
        };
        let str = JSON.stringify(json);
        alert(str);
    </script>
</head>
<body>
</body>
</html>

ES6-json与字符串的转换

标签:ice   oct   UNC   scale   json   script   doctype   log   基本   

原文地址:https://www.cnblogs.com/dongxuelove/p/12934767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!