JSON.stringify()
JSON 的一个常见用法是与 Web 服务器交换数据。
当向 Web 服务器发送数据时,数据必须是字符串。
使用 JSON.stringify()
将 JavaScript 对象转换为字符串。
字符串化 JavaScript 对象
假设我们在 JavaScript 中有这个对象
const obj = {name: "John", age: 30, city: "New York"};
使用 JavaScript 函数 JSON.stringify()
将其转换为字符串。
const myJSON = JSON.stringify(obj);
结果将是一个遵循 JSON 表示法的字符串。
myJSON
现在是一个字符串,可以发送到服务器
您将在接下来的章节中学习如何将 JSON 发送到服务器。
字符串化 JavaScript 数组
也可以字符串化 JavaScript 数组
假设我们在 JavaScript 中有这个数组
const arr = ["John", "Peter", "Sally", "Jane"];
使用 JavaScript 函数 JSON.stringify()
将其转换为字符串。
const myJSON = JSON.stringify(arr);
结果将是一个遵循 JSON 表示法的字符串。
myJSON
现在是一个字符串,可以发送到服务器
您将在接下来的章节中学习如何将 JSON 字符串发送到服务器。
存储数据
存储数据时,数据必须采用特定的格式,无论您选择将其存储在何处,文本 始终是合法格式之一。
JSON 使得将 JavaScript 对象存储为文本成为可能。
示例
将数据存储在本地存储中
// 存储数据
const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
// 检索数据
let text = localStorage.getItem("testJSON");
let obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
自己尝试 »
异常
字符串化日期
在 JSON 中,不允许使用日期对象。 JSON.stringify()
函数会将任何日期转换为字符串。
示例
const obj = {name: "John", today: new Date(), city : "New York"};
const myJSON = JSON.stringify(obj);
自己尝试 »
您可以在接收方将字符串转换回日期对象。
字符串化函数
在 JSON 中,不允许将函数用作对象的值。
JSON.stringify()
函数会从 JavaScript 对象中删除任何函数,包括键和值。
示例
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
const myJSON = JSON.stringify(obj);
自己尝试 »
如果您在运行 JSON.stringify()
函数之前将函数转换为字符串,则可以省略此步骤。
示例
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
obj.age = obj.age.toString();
const myJSON = JSON.stringify(obj);
自己尝试 »
如果您使用 JSON 发送函数,这些函数将失去其作用域,接收方必须使用 eval() 将其转换回函数。