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

开启您的职业生涯

完成课程获得认证

开始学习
广告