如何將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+ 瀏覽量

啟動你的職業生涯

透過完成課程獲得認證

開始學習
廣告