如何將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