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