JSON入门

最新推荐文章于 2024-10-17 11:22:54 发布

CSPsy

最新推荐文章于 2024-10-17 11:22:54 发布

阅读量254

点赞数 7

分类专栏： JSON 文章标签： json javascript

本文链接：https://blog.csdn.net/m0_51573433/article/details/120599885

版权

JSON 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

文章目录

1. 什么是 JSON

JavaScript 对象表示法（JavaScript Object Notation）
JSON 是存储和交换文本信息的语法。

2. JSON 语法规则

2.1) 简单值

可以在 JSON 中使用字符串，数值，布尔值和 NULL，语法与 JavaScript 中相同。

但是在 JSON 中，不可以使用 NaN，Infinity，undefined。
其中字符串必须使用双引号表示，数值必须十进制表示。

2.2) 对象

无序的键-值集合

// 对象的属性名必须是字符串，所以要用双引号括起来。
{
	"title" : "对象",
	"value" : 100     //最后一个地方不要有逗号
}

2.3) 数组

有序的值集合
数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 NULL）。

["tea", "coffee", "milk"] //最后一个地方不要有逗号

[
	{
		"title" : "对象",
		"value" : 100
	},
	{
		"name" : "coffe",
		"value" : 99
	}
]

3. 字符串和对象相互转换

3.1）JSON.parse()

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

JSON 不能存储 Date 对象。
如果你需要存储 Date 对象，需要将其转换为字符串。
之后再将字符串转换为 Date 对象。

语法：

// text:必需， 一个有效的 JSON 字符串。
// reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

JSON.parse(text[, reviver])

举个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON入门</title>
</head>
<body>
    <script>
        let str = '{"first": "tea", "second": "coffee", "third": "milk"}';
        console.log(str);
        let obj = JSON.parse(str);
        console.log(obj);
    </script>
</body>
</html>

效果如下：
在这里插入图片描述

3.2) JSON.stringify()

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JSON 不能存储 Date 对象。
JSON.stringify() 会将所有日期转换为字符串。
之后再将字符串转换为 Date 对象。

语法：

// value:必需， 要转换的 JavaScript 值（通常为对象或数组）。
// replacer:可选，用于转换结果的函数或数组。
/*
	如果 replacer 为函数，则 JSON.stringify() 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
	如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
*/


// space:可选，文本添加缩进、空格和换行符。
/*
	如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。
*/
	
JSON.stringify(value[, replacer[, space]])

举个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON入门</title>
</head>
<body>
    <script>
        let obj = {"first": "tea", "second": "coffee", "third": "milk"};
        console.log(obj);
        let str = JSON.stringify(obj);
        console.log(str);
    </script>
</body>
</html>