在 JavaScript 中将 JSON 转换为对象
Siddharth Swami
2021年10月2日
JSON 是一种轻量级的基于文本的语言,用于存储和传输数据。JSON 表示两种结构化类型,即对象和数组。它基于 JavaScript 对象,代表 JavaScript Object Notation。JSON 主要用于与 Web 交换数据。
本教程演示如何安全地将 JSON 字符串转换为对象。
从服务器上收到的数据是以字符串的形式出现的,可以是数值也可以是日期。所以我们必须把数据变成一个对象来执行文件。我们在 JavaScript 中有一个名为 JSON.parse()
的函数,用于解析成为 JavaScript 对象的数据。该函数解析服务器提供的完整文本,然后将其更改为对象。
以下代码演示了 JSON.parse()
函数的使用。
<!DOCTYPE html>
<html>
<body>
<p id="example"></p>
<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>
</body>
</html>
输出:
ram, 22
在上面的例子中,我们有一个 JSON 文本,它由一个人的名字和居住的城市组成,然后通过为它创建一个对象来解析它。然后使用 getElementById()
函数,我们可以获得所需的值。
使用 JSON.parse()
的另一种方法是使用 JavaScript 中的 let()
函数。这里我们可以直接解析文本,不需要先赋值给变量再解析。
请参考以下代码。
<!DOCTYPE html>
<html>
<body>
<p id="example"></p>
<script>
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;
</script>
</body>
</html>
输出:
ram, 22
在 JSON 中,不允许使用日期对象。所以我们必须将它写成 JSON 中的字符串,然后使用 Date()
函数将其转换回日期对象。
例如,
<!DOCTYPE html>
<html>
<body>
<p id="example"></p>
<script>
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth;
</script>
</body>
</html>
输出:
Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)
相关文章 - JavaScript JSON
- 将 JSON 对象转换为 JavaScript 数组
- 在 JavaScript 中检查字符串是否是有效的 JSON 字符串
- 在 JavaScript 中将 JSON 转换为 XML
- 在 JavaScript 中使用 Fetch API 发布一个 JSON 对象
- 在 JavaScript 中从 URL 获取 JSON
- 在 JavaScript 中将 CSV 转换为 JSON