如何将JSON文本转换为JavaScript对象?


在本文中,我们将探讨一种将JSON文本转换为JavaScript对象的方法。JSON,也称为JavaScript对象表示法,是一种轻量级的数据交换格式,用于在Web浏览器之间交换数据。JSON源自JavaScript编程语言,但也可以被包括Python、Java、PHP、Ruby等多种其他语言使用。它也与语言无关。

一个JSON主要遵循键值对的数据格式,它保存与键关联的值。JSON对象的两端都包含花括号({}),以定义JSON对象的开始和结束。每个键值对都用冒号(:)分隔。

JSON对象的示例:

{
   "name": "
   "designation": "
   "company": "
}

将JSON对象转换为JavaScript对象

可以使用JSON.parse()方法将JSON对象转换为JavaScript对象。此方法接收JSON对象的输入并返回一个JavaScript对象。

语法

JSON.parse(jsonString, function)

参数

  • jsonString − 包含要转换的JSON字符串。

  • function − 这是一个可选参数,用于转换结果。

示例1

在下面的示例中,我们将把JSON文本(字符串)转换为JavaScript对象,然后在HTML页面上显示它。

# index.html

<!DOCTYPE html>
<html>
<head>
   <title>
      JSON to Javascript Object
   </title>
</head>
<body>
   <h2 style="color:red">
      Welcome To Tutorials Point
   </h2>
   <script>
      var obj = JSON.parse('{"name":"Steve","designation":"CEO","company":"Apple"}');
      document.write("Name is " + obj.name + "<br>");
      document.write("Designation is " + obj.designation + "<br>");
      document.write("Company is " + obj.company + "<br>");
   </script>
</body>
</html>

输出

上述程序将产生以下输出:

示例2

# index.html

<!DOCTYPE html>
<html>
<head>
   <title>
      JSON to Javascript Object
   </title>
</head>
<body>
   <h2 style="color:red">
      Welcome To Tutorials Point
   </h2>
   <script>
      var transaction = JSON.parse('{"txnId":"12345","txnAmount":"100","balance":"50"}');
      console.log(transaction);
      console.log("Type of transaction is: " + typeof(transaction));
   </script>
</body>
</html>

输出

它将在控制台中产生以下输出。

{txnId: '12345', txnAmount: '100', balance: '50'}
balance: "50"
txnAmount: "100"
txnId: "12345"
[[Prototype]]: Object
Type of transaction is: object

更新于:2022年4月28日

2K+ 浏览量

启动你的职业生涯

通过完成课程获得认证

开始学习
广告