如何将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
广告
数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP