在 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 创建键盘快捷键
发布时间：2024/03/21 浏览次数：157 分类：JavaScript
-
本文演示了如何使用 JavaScript 创建键盘快捷键。它还展示了如何使用第三方库创建键盘快捷键。
在 JavaScript 中将 CSV 转换为 JSON
发布时间：2024/03/21 浏览次数：173 分类：JavaScript
-
在今天的文章中，我们将学习如何在 JavaScript 中实现 CSV 到 JSON 的转换。
在 JavaScript 中从 URL 获取 JSON
发布时间：2024/03/21 浏览次数：166 分类：JavaScript
-
要从 URL 接收 JSON，我们可以使用 JQuery、Fetch API 和 XMLHttpRequest。每种方法都是恰当的，并且可以有效地显示结果。
在 JavaScript 中使用 Fetch API 发布一个 JSON 对象
发布时间：2024/03/21 浏览次数：138 分类：JavaScript
-
在本教程中，我们将讨论如何使用 JavaScript 中的 fetch 方法将 JSON 数据作为 POST 请求发送到服务器。
在 JavaScript 中将 JSON 转换为 XML
发布时间：2024/03/21 浏览次数：189 分类：JavaScript
-
本文有助于使用 JavaScript 将 JSON 转换为 XML。
JavaScript 中的 Map 索引
发布时间：2024/03/20 浏览次数：197 分类：JavaScript
-
JavaScript map 方法很容易实现，我们将讨论它的不同参数，以及它们在不同场景中的使用方式。
JavaScript 中 let 和 var 的区别
发布时间：2024/03/20 浏览次数：79 分类：JavaScript
-
本教程描述了两个关键字 var 和 let 在 JavaScript 中的实际区别。
JavaScript 指针
发布时间：2024/03/20 浏览次数：166 分类：JavaScript
-
JavaScript 没有明确的方法来定义指针。它允许在对象之间传递值和引用，但不能显示引用。本文将介绍在 JavaScript 中定义指针的好方法。
