如何将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
广告