如何打印 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+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告