ES6-parse与stringify的使用json与字符串的转换

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>
posted @   东血  阅读(1318)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律

本站勉强运行 1780 天 21 小时 49 分 13 秒

目录导航
目录导航
ES6-parse与stringify的使用json与字符串的转换
1.ES5下的json
1.1 基本概念
1.2 JSON->字符串
2.ES6下的json
2.1 基本概念
2.2 字符串->JSON
2.3 JSON->字符串
发布于 2020-05-22 02:25
点击右上角即可分享
微信分享提示