📜  什么是简单的 json 加载和转储 - Javascript (1)

📅  最后修改于: 2023-12-03 15:21:50.261000             🧑  作者: Mango

什么是简单的 JSON 加载和转储 - JavaScript

JSON(JavaScript Object Notation)是一种常用的数据交换格式,它使用文本进行序列化和传输,且易于阅读和编写。在 JavaScript 中,我们可以使用内置的 JSON 对象对 JSON 数据进行解析和序列化。

本文将介绍如何简单地加载和转储 JSON 数据。

加载 JSON 数据

在 JavaScript 中,我们可以使用 XMLHttpRequest 对象或 fetch API 从服务器上获取 JSON 数据。这里我们使用 fetch API 来获取数据。代码示例如下:

fetch('data.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

这里我们通过 fetch 函数来获取 'data.json' 中的数据,然后通过 response 对象的 json 函数将数据转换为 JavaScript 对象,最后打印出来。注意,fetch 函数返回一个 Promise 对象,因此我们需要使用 then 和 catch 方法来处理结果。

转储 JSON 数据

在 JavaScript 中,我们可以使用 JSON.stringify 函数将 JavaScript 对象转换为 JSON 字符串。代码示例如下:

const data = { name: 'John', age: 30 };
const jsonString = JSON.stringify(data);
console.log(jsonString);

这里我们定义了一个 JavaScript 对象 data,然后使用 JSON.stringify 函数将其转换为 JSON 字符串,并打印出来。

同时,我们也可以使用 JSON.parse 函数将 JSON 字符串转换为 JavaScript 对象。代码示例如下:

const jsonString = '{"name":"John","age":30}';
const data = JSON.parse(jsonString);
console.log(data);

这里我们定义了一个 JSON 字符串 jsonString,然后使用 JSON.parse 函数将其转换为 JavaScript 对象,并打印出来。

综上所述,加载和转储 JSON 数据非常简单,而且在 JavaScript 中具有良好的原生支持。程序员可以根据需要自行使用这些函数。