使用 JSON

2024-07-09 13:42| 来源: 网络整理| 查看: 265

上面的示例在访问 JavaScript 对象方面很简单，因为我们直接使用 response.json() 将网络响应转换为了 JavaScript 对象。

但是有时候我们没有那么幸运，我们接收到一些字符串作为 JSON 数据，然后我们想要将它转换为对象。当我们想要发送 JSON 数据作为信息，我们将需要转换它为字符串，我们经常需要正确的转换数据，幸运的是，这两个问题在 web 环境中是那么普遍以至于浏览器拥有一个内建的 JSON，包含以下两个方法。

parse()：以文本字符串形式接受 JSON 对象作为参数，并返回相应的对象。 stringify()：接收一个对象作为参数，返回一个对应的 JSON 字符串。

你可以看看我们 heroes-finished-json-parse.html 示例的第一个操作（查看源代码），这做了一件与我们之前一模一样的事情，除了：

我们通过调用 text() 方法将响应作为文本获取，而不是 JSON 然后我们使用 parse() 将文本转换为 JavaScript 对象。

关键片段如下：

jsasync function populate() { const requestURL = "https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json"; const request = new Request(requestURL); const response = await fetch(request); const superHeroesText = await response.text(); const superHeroes = JSON.parse(superHeroesText); populateHeader(superHeroes); populateHeroes(superHeroes); }

正如你所想，stringify() 做相反的事情。尝试将下面的代码输入你的浏览器 JS 控制台来看看会发生什么：

jslet myObj = { name: "Chris", age: 38 }; myObj; let myString = JSON.stringify(myObj); myString;

这儿我们创建了一个 JavaScript 对象，接着检查了它包含了什么，然后用 stringify() 将它转换成 JSON 字符串，最后保存返回值作为变量并再一次检查。

【本文地址】

公司简介

联系我们