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

開啟您的職業生涯

完成課程獲得認證

開始學習
廣告