美文网首页1024ES6
14.ES6 JSON扩展

14.ES6 JSON扩展

作者: 圆梦人生 | 来源:发表于2019-02-13 22:52 被阅读0次

    ES6中对JSON扩展了新特性:
    1、对象转字符串 JSON.stringify
    2、字符串转对象 JSON.parse
    3、key value相等可简写
    4、JSON中函数方法简写

    案例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>JSON扩展</title>
        <script>
            // 1、对象转字符串
            let json = {a: 1, b: 2}
            console.log(JSON.stringify(json));
            // 2、字符串转对象
            let jsonstr = '{"a":11,"b":21}';
            console.log(JSON.parse(jsonstr));
            // 3、key value相等简写
            let a = 11;
            let b = 12
            // let json2 = {a: a, b: b}
            let json2 = {a, b, c: 33}
            console.log(json2);
            // 4、JSON中函数方法简写
            let json3 = {
                a: 'a1',
                alertA(){
                    alert(this.a);
                }
            }
            json3.alertA();
        </script>
    </head>
    <body>
        
    </body>
    </html>
    
    

    相关文章

      网友评论

        本文标题:14.ES6 JSON扩展

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