如何列印 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() 是客戶端和伺服器之間交換資料最常用的方法。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP