1. response.json()
:将网络响应转换为了 JavaScript 对象
2. 接收到一些字符串作为 JSON 数据,然后想要将它转换为对象。当想要发送 JSON 数据作为信息,我们将需要转换它为字符串,我们经常需要正确的转换数据,这两个问题在 web 环境中很普遍,以至于浏览器拥有一个内建的 JSON,包含以下两个方法。
- parse():以文本字符串形式接受 JSON 对象作为参数,并返回相应的对象。
- stringify():接收一个对象作为参数,返回一个对应的 JSON 字符串。
3. 通过调用 text()方法将响应作为文本获取,而不是 JSON
使用 parse()
将文本转换为 JavaScript 对象。
关键片段如下:
async 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()
做相反的事情。
4. 将下面的代码输入浏览器控制台:
let myObj = { name: "Chris", age: 38 };
myObj;
let myString = JSON.stringify(myObj);
myString;
这儿我们创建了一个 JavaScript 对象,接着检查了它包含了什么,然后用 stringify()
将它转换成 JSON 字符串,最后保存返回值作为变量并再一次检查。