JS与JSON

点击打开在线编译器，边学边练

前面的章节我们简单学习了一些关于JS的内容，这节我们来介绍在JS中另一重要概念JSON。

什么是JSON？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它以易于阅读和编写的文本格式来表示结构化数据。JSON最初是由Douglas Crockford在2001年提出的，它在Web开发中得到广泛应用。

JSON基于两种数据结构：键值对和列表（数组）。它支持以下数据类型：

l 字符串（String）：由双引号括起来的一组Unicode字符序列。

l 数字（Number）：包括整数和浮点数。

l 布尔值（Boolean）：表示 true 或 false。

l 空值（Null）：表示空值。

l 对象（Object）：由一组无序的键值对构成，键和值之间使用冒号分隔。

l 列表（Array）：由一组有序的值构成，值之间使用逗号分隔，并使用方括号括起来。

以下示例展示了JSON的结构：

{
  "name": "dotcpp",
  "age": 30,
  "isStudent": true,
  "favoriteFruits": ["applewww.", "bananadotcpp", "orangecom"],
  "address": {
    "street": "www.dotcpp.com",
    "city": “dot"
  }
}

在以上示例中，我们有一个包含个人信息的JSON对象。它包含了名字、年龄、是否为学生的布尔值、喜爱的水果列表和地址对象。键和值之间使用冒号分隔，不同的键值对之间使用逗号分隔。字符串必须使用双引号括起来。

JSON的优点是易于阅读和编写，而且广泛支持在不同编程语言之间进行数据交换。在Web开发中，常见的应用场景包括从服务器获取数据（通常作为API响应的格式）以及在客户端和服务器之间进行数据传输。

JS和JSON关系

JS（JavaScript）和 JSON（JavaScript Object Notation）之间存在密切的关系。

首先，JSON是一种数据格式，它在设计上受到了JavaScript对象字面量的影响。JSON中的数据结构、语法和值类型与JavaScript中的对象和数据类型非常相似。这使得在JavaScript中使用JSON非常方便。

JavaScript提供了内置的全局对象 JSON，它包含用于处理JSON数据的方法。以下是一些常用的 JSON 方法：

1. JSON.parse()：将JSON字符串解析为JavaScript对象。

2. JSON.stringify()：将JavaScript对象转换为JSON字符串。

通过这些方法，我们可以在JavaScript中轻松地将JSON数据与JavaScript对象之间进行转换。

例如，我们可以使用 JSON.parse() 将接收到的JSON字符串解析为JavaScript对象：

const jsonStr = '{"name":"dotcpp", "age":30, "isStudent":true}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 输出: dotcpp
console.log(jsonObj.age); // 输出: 30
console.log(jsonObj.isStudent); // 输出: true

同样地，我们可以使用 JSON.stringify() 将JavaScript对象转换为JSON字符串：

const person = {
  name: "dotcpp",
  age: 30,
  isStudent: true
};
 
const jsonStr = JSON.stringify(person);
console.log(jsonStr); // 输出: {"name":"dotcpp","age":30,"isStudent":true}

这里，我们将一个JavaScript对象转换为等效的JSON字符串。