如何列印 JavaScript 物件的內容?


在本教程中,我們將學習如何列印 JavaScript 物件的內容。

物件類似於變數,但它們可以包含多個值。Javascript 物件值以鍵值對的形式編寫,每個鍵值對之間用逗號分隔。它用於從資料庫或任何其他來源訪問資料。

以下是列印 JavaScript 物件內容的方法:

  • 使用 JSON.stringify() 方法
  • 以及使用 for-in 迴圈
  • 使用 Object.values()

使用 JSON.stringify() 方法

JSON.stringify() 用於將 JavaScript 物件轉換為字串。我們必須使用 JSON.stringify() 將資料傳送到伺服器。陣列也可以使用 JSON.stringify() 轉換為字串。

語法

以下是使用 JSON.stringify() 列印 JavaScript 物件內容的語法:

var obj = {};
JSON.stringify(obj);

引數

  • obj − 物件名稱

示例

在下面給出的示例中,我們使用 JSON.stringify() 方法來列印 JavaScript 物件的內容

<html> <body> <h2> Use <i> JSON.stringify() </i> to print content of JavaScript object </h2> <div id = "div1"> </div> <script> const Student = { name: "Akshay", age: 18, percentage: 95.45 }; const print = JSON.stringify(Student); var message="Content of Javascript object:"; document.getElementById("div1").innerHTML = message+"<br><br>"+print; </script> </body> </html>

在上面的示例中,使用者可以看到我們使用了 JSON.stringify 方法列印了 JavaScript 物件的內容。

使用 Object.values() 方法

Object.values() 是用於將 javascript 物件轉換為陣列的方法。Object.values() 以物件作為引數,並將物件值作為陣列的元素輸出。

語法

以下是列印 JavaScript 物件內容的語法:

var obj = {};
Object.values(obj);

引數

  • obj − 物件名稱

示例

在下面給出的示例中,我們使用 Object.values() 方法來列印 JavaScript 物件的內容。

<html> <body> <h3> Use <i> Object.values() </i> to print content of JavaScript object </h3> <div id = "div1"> </div> <script> const Student = { name: "Akshay", age: 18, percentage: 95.45 }; const value = Object.values(Student); var message="Content of Javascript object:"; document.getElementById("div1").innerHTML = message+"<br>"+value; </script> </body> </html>

在上面的示例中,使用者可以看到我們使用了 Object.Values() 方法列印了 JavaScript 物件的內容。

使用 for-in 迴圈列印 JavaScript 物件的內容

為了對物件的每個屬性執行一段語句塊,可以使用 for-in 迴圈。

使用者可以按照以下語法使用 for-in 迴圈列印 JavaScript 物件的內容:

語法

var object = {};
for (key in object) {
   // statements
}

引數

  • key − 物件屬性的名稱(可以使用任何使用者定義的變數)
  • object − 要列印的物件名稱

示例

在下面給出的示例中,我們使用 for-in 迴圈來列印 JavaScript 物件的內容。

<html> <body> <h3> Use <i> for </i> loop to print content of JavaScript object </h3> <div id = "div1"> </div> <script> const Student = { name: "Akshay", age: 18, percentage: 95.45 }; let value = ""; for (let key in Student) { value += "<br>"+Student[key] ; }; var message="Content of JavaScript object:"; document.getElementById("div1").innerHTML = message+"<br>"+value; </script> </body> </html>

在上面的示例中,使用者可以看到我們使用了 for-in 迴圈列印了 JavaScript 物件的內容。

我們學習瞭如何列印 JavaScript 物件的內容。在以上三種方法中,JSON.stringify() 方法同時列印鍵及其值,而其他兩種方法僅列印屬性的值。JSON.stringify() 是客戶端和伺服器之間交換資料最常用的方法。

更新於: 2022年9月15日

4K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.