JavaScript之json_动力节点Java学院整理

JavaScript之json_动力节点Java学院整理

什么是JSON

JSON（JavaScript Object Notation）是一种轻量级、易于人阅读和编写的数据交换格式，其数据结构与Javascript中对象字面量相似，因此常用于与Javascript进行数据交互。

JSON的数据格式包括两种结构类型：对象和数组。对象是一个无序的“键/值”对集合，其中键名必须为字符串类型，并且键名和值之间使用冒号分隔，每个键值对之间使用逗号分隔。数组是值得有序集合，其中数组元素使用逗号分隔。

JSON对象和JSON数组

JSON对象（JSON Object）是一个由键值对组成的无序集合，其中键名必须是字符串类型，键值可以是任意JSON类型，包括字符串、数字、JSON对象、JSON数组、null、true和false。

以下是一个JSON对象的示例：

{
  "name":"Jack",
  "age":25,
  "city":"Beijing",
  "hobby":["reading","traveling"]
}

JSON数组（JSON Array）是一个有序的值的集合，其中每个值可以是任意JSON类型，包括字符串、数字、JSON对象、JSON数组、null、true和false。

以下是一个JSON数组的示例：

[
  {
    "name":"Jack",
    "age":25,
    "city":"Beijing"
  },
  {
    "name":"Mike",
    "age":30,
    "city":"Shanghai"
  },
  {
    "name":"Lucy",
    "age":20,
    "city":"Guangzhou"
  }
]

JSON解析与生成

在Javascript中，可以使用JSON对象的parse()方法将JSON格式的字符串转换为Javascript对象，也可以使用JSON对象的stringify()方法将Javascript对象转换为JSON格式的字符串。

将JSON字符串转换为Javascript对象：

以下是一个将JSON格式的字符串转换为Javascript对象的示例：

let jsonString = '{"name":"Jack","age":25,"city":"Beijing"}';
let jsonObj = JSON.parse(jsonString);
console.log(jsonObj.name); // 输出：Jack
console.log(jsonObj.age); // 输出：25
console.log(jsonObj.city); // 输出：Beijing

将Javascript对象转换为JSON字符串：

以下是一个将Javascript对象转换为JSON格式的字符串的示例：

let jsonObj = {"name":"Jack","age":25,"city":"Beijing"};
let jsonString = JSON.stringify(jsonObj);
console.log(jsonString); // 输出：{"name":"Jack","age":25,"city":"Beijing"}

示例说明

示例1：从服务器获取JSON数据并解析

以下是一个从服务器获取JSON格式的字符串数据并解析的示例：

fetch('http://example.com/data.json') // 从服务器获取JSON格式的字符串
  .then(response => response.json()) // 解析JSON字符串，转换为Javascript对象
  .then(data => {
    console.log(data.name); // 输出：Jack
    console.log(data.age); // 输出：25
    console.log(data.city); // 输出：Beijing
  })
  .catch(error => console.error(error)); // 错误处理

示例2：将Javascript对象转换为JSON格式的字符串并发送到服务器

以下是一个将Javascript对象转换为JSON格式的字符串并发送到服务器的示例：

const data = {"name":"Jack","age":25,"city":"Beijing"};
const json = JSON.stringify(data); // 将Javascript对象转换为JSON格式的字符串
fetch('http://example.com/save', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: json // 发送JSON格式的字符串到服务器
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));