在 JavaScript 中將 JSON 轉換為物件

Siddharth Swami 2021年10月2日

JavaScript JavaScript JSON JSON Object

JSON 是一種輕量級的基於文字的語言，用於儲存和傳輸資料。JSON 表示兩種結構化型別，即物件和陣列。它基於 JavaScript 物件，代表 JavaScript Object Notation。JSON 主要用於與 Web 交換資料。

本教程演示如何安全地將 JSON 字串轉換為物件。

從伺服器上收到的資料是以字串的形式出現的，可以是數值也可以是日期。所以我們必須把資料變成一個物件來執行檔案。我們在 JavaScript 中有一個名為 JSON.parse() 的函式，用於解析成為 JavaScript 物件的資料。該函式解析伺服器提供的完整文字，然後將其更改為物件。

以下程式碼演示了 JSON.parse() 函式的使用。

<!DOCTYPE html>
<html>
<body>
<p id="example"></p>

<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>

</body>
</html>

輸出：

ram, 22

在上面的例子中，我們有一個 JSON 文字，它由一個人的名字和居住的城市組成，然後通過為它建立一個物件來解析它。然後使用 getElementById() 函式，我們可以獲得所需的值。

使用 JSON.parse() 的另一種方法是使用 JavaScript 中的 let() 函式。這裡我們可以直接解析文字，不需要先賦值給變數再解析。

請參考以下程式碼。

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;

</script>
</body>
</html>

輸出：

ram, 22

在 JSON 中，不允許使用日期物件。所以我們必須將它寫成 JSON 中的字串，然後使用 Date() 函式將其轉換回日期物件。

例如，

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth; 
</script>

</body>
</html>

輸出：

Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)

在 JavaScript 中將 JSON 轉換為物件

相關文章 - JavaScript JSON

相關文章 - JSON Object