14.ES6 JSON扩展

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>

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

相关阅读更多精彩内容

  • [TOC] 参考阮一峰的ECMAScript 6 入门参考深入浅出ES6 let和const let和const都...
    郭子web阅读 1,915评论 0 1
  • 一、ES6简介 ​ 历时将近6年的时间来制定的新 ECMAScript 标准 ECMAScript 6(亦称 ...
    一岁一枯荣_阅读 6,212评论 8 25
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,878评论 1 45
  • 致良知线上学习每日功课 姓名:吴蕙伶 编号:3组 日期:2017年3月24日 今日学习课文:《教条示龙场诸生》 课...
    BoBoShi阅读 1,008评论 0 2
  • 你在不经意间看见过什么不该看见的东西或者事情? 转自知乎: @ 妖孽的二狗子 高二的时候,年少无知,为了所谓的兄弟...
    Summer_425d阅读 245评论 0 0

友情链接更多精彩内容