如何打印 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() 将 Object 作为参数并将对象值作为数组元素输出。
语法
以下是打印 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) {
// 语句
}
参数
- 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() 是客户端和服务器之间交换数据最常用的方法。
相关文章
有用资源
javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/
