在 JavaScript 中将 JSON 转换为对象

Siddharth Swami 2021年10月2日
在 JavaScript 中将 JSON 转换为对象

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 Object