java系列之 页面打印出 [object Object],[object Object]

简介: 文章解释了在前端页面打印JSON对象时出现`[object Object]`的原因,并提供了使用`JSON.stringify(json对象)`方法将对象转换为可读字符串的解决方案。

前言

这个问题很简单,你打印的是 json 对象。一般后端返回接口数据给前端。返回的是json对象、通过对象的方式,前端取数据容易。如果你不做转换就打印这个数据。打印出来的就是这种。要想看到字符串也很简单 使用JSON.stringify(json对象) 就可以转换成为 字符串JSON 可以看到里边的数据。

实际案例

       axios.get("/orderInfo/page?pageNum=" + pageNum).then(res => {
           if (res.data.code === '0') {
               console.error("接口订单返回数据: " +JSON.stringify(res.data.data.list))
           } else {
               msg('error', res.data.msg);
           }
       });

返回的数据
内容有点多,你用json标准化工具转换一下就又可以看到比较规范的json 数据。

例如

在这里插入图片描述

接口订单返回数据:
[{“id”:1,“orderId”:“111111”,“totalPrice”:480,“userId”:1,“level”:1,“linkAddress”:“安徽省合肥市高新区”,“linkPhone”:“18812337865”,“linkMan”:“admin”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-02-18
13:10:44”,“status”:“完成”,“userInfo”:{“id”:1,“name”:“admin”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:1,“sex”:“男”,“newPassword”:null,“address”:“上海市”,“nickName”:“管理员”,“phone”:“18843232356”,“account”:818.57,“age”:22,“birthday”:“2020-11-18
13:10:44”,“code”:“111”,“email”:“aa@163.com”,“cardId”:“342425199001116372”},“goodsList”:[{“id”:1,“name”:“SK-II”,“description”:“这是最好用的SK-II”,“fileIds”:“[47]”,“price”:1900,“count”:30,“sales”:30,“hot”:320,“typeId”:1,“userId”:1,“level”:1,“discount”:0.8,“recommend”:“否”,“typeName”:“SK-II”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[47]”}]},{“id”:5,“orderId”:“12020111816041687”,“totalPrice”:898.2,“userId”:1,“level”:1,“linkAddress”:“上海市”,“linkPhone”:“18843232356”,“linkMan”:“管理员”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-02-18
13:10:44”,“status”:“完成”,“userInfo”:{“id”:1,“name”:“admin”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:1,“sex”:“男”,“newPassword”:null,“address”:“上海市”,“nickName”:“管理员”,“phone”:“18843232356”,“account”:818.57,“age”:22,“birthday”:“2020-11-18
13:10:44”,“code”:“111”,“email”:“aa@163.com”,“cardId”:“342425199001116372”},“goodsList”:[{“id”:6,“name”:“资生堂护肤液”,“description”:“这是资生堂护肤液”,“fileIds”:“[33]”,“price”:299,“count”:2,“sales”:3,“hot”:0,“typeId”:2,“userId”:1,“level”:1,“discount”:0.9,“recommend”:“是”,“typeName”:“资生堂”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[33]”}]},{“id”:6,“orderId”:“12020111816075091”,“totalPrice”:159.2,“userId”:1,“level”:1,“linkAddress”:“上海市”,“linkPhone”:“18843232356”,“linkMan”:“管理员”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-02-18
13:10:44”,“status”:“完成”,“userInfo”:{“id”:1,“name”:“admin”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:1,“sex”:“男”,“newPassword”:null,“address”:“上海市”,“nickName”:“管理员”,“phone”:“18843232356”,“account”:818.57,“age”:22,“birthday”:“2020-11-18
13:10:44”,“code”:“111”,“email”:“aa@163.com”,“cardId”:“342425199001116372”},“goodsList”:[{“id”:3,“name”:“雅诗兰黛眼霜”,“description”:“这是雅诗兰黛眼霜”,“fileIds”:“[30]”,“price”:199,“count”:1,“sales”:30,“hot”:2049,“typeId”:3,“userId”:1,“level”:1,“discount”:0.8,“recommend”:“否”,“typeName”:“雅诗兰黛”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[30]”}]},{“id”:7,“orderId”:“12020112219326289”,“totalPrice”:24.03,“userId”:1,“level”:1,“linkAddress”:“上海市”,“linkPhone”:“18843232356”,“linkMan”:“管理员”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-02-18
13:10:44”,“status”:“完成”,“userInfo”:{“id”:1,“name”:“admin”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:1,“sex”:“男”,“newPassword”:null,“address”:“上海市”,“nickName”:“管理员”,“phone”:“18843232356”,“account”:818.57,“age”:22,“birthday”:“2020-11-18
13:10:44”,“code”:“111”,“email”:“aa@163.com”,“cardId”:“342425199001116372”},“goodsList”:[{“id”:5,“name”:“娇韵诗”,“description”:“这是娇韵诗”,“fileIds”:“[34]”,“price”:8.9,“count”:3,“sales”:10,“hot”:0,“typeId”:4,“userId”:1,“level”:1,“discount”:0.9,“recommend”:“是”,“typeName”:“娇韵诗”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[34]”}]},{“id”:8,“orderId”:“12022050802062267”,“totalPrice”:24.03,“userId”:1,“level”:1,“linkAddress”:“上海市”,“linkPhone”:“18843232356”,“linkMan”:“管理员”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-05-08
02:06:45”,“status”:“待付款”,“userInfo”:{“id”:1,“name”:“admin”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:1,“sex”:“男”,“newPassword”:null,“address”:“上海市”,“nickName”:“管理员”,“phone”:“18843232356”,“account”:818.57,“age”:22,“birthday”:“2020-11-18
13:10:44”,“code”:“111”,“email”:“aa@163.com”,“cardId”:“342425199001116372”},“goodsList”:[{“id”:5,“name”:“娇韵诗”,“description”:“这是娇韵诗”,“fileIds”:“[34]”,“price”:8.9,“count”:3,“sales”:10,“hot”:0,“typeId”:4,“userId”:1,“level”:1,“discount”:0.9,“recommend”:“是”,“typeName”:“娇韵诗”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[34]”}]},{“id”:9,“orderId”:“12020112219326289”,“totalPrice”:24.03,“userId”:1,“level”:1,“linkAddress”:“上海市浦东新区”,“linkPhone”:“18888888888”,“linkMan”:“管理员”,“jihuoAddress”:“安徽省”,“jihuoPhone”:“18843232356”,“jihuoMan”:“张三”,“createTime”:“2022-02-18
13:10:44”,“status”:“回收品”,“userInfo”:{“id”:1,“name”:“admin”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:1,“sex”:“男”,“newPassword”:null,“address”:“上海市”,“nickName”:“管理员”,“phone”:“18843232356”,“account”:818.57,“age”:22,“birthday”:“2020-11-18
13:10:44”,“code”:“111”,“email”:“aa@163.com”,“cardId”:“342425199001116372”},“goodsList”:[]},{“id”:11,“orderId”:“52022111001549908”,“totalPrice”:159.2,“userId”:5,“level”:3,“linkAddress”:“”,“linkPhone”:“”,“linkMan”:“”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-11-10
01:54:44”,“status”:“申请退款中”,“userInfo”:{“id”:5,“name”:“张三”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:3,“sex”:“男”,“newPassword”:null,“address”:“湖南长沙”,“nickName”:“张蛋蛋”,“phone”:“18348375641”,“account”:44.8,“age”:null,“birthday”:null,“email”:null,“cardId”:null},“goodsList”:[{“id”:3,“name”:“雅诗兰黛眼霜”,“description”:“这是雅诗兰黛眼霜”,“fileIds”:“[30]”,“price”:199,“count”:1,“sales”:30,“hot”:2049,“typeId”:3,“userId”:1,“level”:1,“discount”:0.8,“recommend”:“否”,“typeName”:“雅诗兰黛”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[30]”}]},{“id”:15,“orderId”:“52022111014447918”,“totalPrice”:159.2,“userId”:5,“level”:3,“linkAddress”:“湖南长沙”,“linkPhone”:“18348375641”,“linkMan”:“张蛋蛋”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-11-10
14:44:45”,“status”:“待发货”,“userInfo”:{“id”:5,“name”:“张三”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:3,“sex”:“男”,“newPassword”:null,“address”:“湖南长沙”,“nickName”:“张蛋蛋”,“phone”:“18348375641”,“account”:44.8,“age”:null,“birthday”:null,“email”:null,“cardId”:null},“goodsList”:[{“id”:3,“name”:“雅诗兰黛眼霜”,“description”:“这是雅诗兰黛眼霜”,“fileIds”:“[30]”,“price”:199,“count”:1,“sales”:30,“hot”:2049,“typeId”:3,“userId”:1,“level”:1,“discount”:0.8,“recommend”:“否”,“typeName”:“雅诗兰黛”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[30]”}]},{“id”:19,“orderId”:“52022111115538076”,“totalPrice”:636.8,“userId”:5,“level”:3,“linkAddress”:“湖南长沙”,“linkPhone”:“18348375641”,“linkMan”:“张蛋蛋”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-11-11
15:53:12”,“status”:“申请退款中”,“userInfo”:{“id”:5,“name”:“张三”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:3,“sex”:“男”,“newPassword”:null,“address”:“湖南长沙”,“nickName”:“张蛋蛋”,“phone”:“18348375641”,“account”:44.8,“age”:null,“birthday”:null,“email”:null,“cardId”:null},“goodsList”:[{“id”:3,“name”:“雅诗兰黛眼霜”,“description”:“这是雅诗兰黛眼霜”,“fileIds”:“[30]”,“price”:199,“count”:4,“sales”:30,“hot”:2049,“typeId”:3,“userId”:1,“level”:1,“discount”:0.8,“recommend”:“否”,“typeName”:“雅诗兰黛”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[30]”}]},{“id”:20,“orderId”:“52022111216295784”,“totalPrice”:159.2,“userId”:5,“level”:3,“linkAddress”:“湖南长沙”,“linkPhone”:“18348375641”,“linkMan”:“张蛋蛋”,“jihuoAddress”:“上海市浦东新区”,“jihuoPhone”:“18888888888”,“jihuoMan”:“管理员”,“createTime”:“2022-11-12
16:29:31”,“status”:“待付款”,“userInfo”:{“id”:5,“name”:“张三”,“password”:“e10adc3949ba59abbe56e057f20f883e”,“level”:3,“sex”:“男”,“newPassword”:null,“address”:“湖南长沙”,“nickName”:“张蛋蛋”,“phone”:“18348375641”,“account”:44.8,“age”:null,“birthday”:null,“email”:null,“cardId”:null},“goodsList”:[{“id”:3,“name”:“雅诗兰黛眼霜”,“description”:“这是雅诗兰黛眼霜”,“fileIds”:“[30]”,“price”:199,“count”:1,“sales”:30,“hot”:2049,“typeId”:3,“userId”:1,“level”:1,“discount”:0.8,“recommend”:“否”,“typeName”:“雅诗兰黛”,“userName”:“admin”,“fileList”:null,“commentStatus”:null,“fileId”:“[30]”}]}]

相关文章
|
4月前
|
Java
Java Object 类
5月更文挑战第16天
|
25天前
|
Java
【Java基础面试二十】、介绍一下Object类中的方法
这篇文章介绍了Java中Object类的常用方法,包括`getClass()`、`equals()`、`hashCode()`、`toString()`、`wait()`、`notify()`、`notifyAll()`和`clone()`,并提到了不推荐使用的`finalize()`方法。
【Java基础面试二十】、介绍一下Object类中的方法
|
29天前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
49 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
21天前
|
安全 Java 应用服务中间件
【Azure 应用服务】App Service中,为Java应用配置自定义错误页面,禁用DELETE, PUT方法
【Azure 应用服务】App Service中,为Java应用配置自定义错误页面,禁用DELETE, PUT方法
【Azure 应用服务】App Service中,为Java应用配置自定义错误页面,禁用DELETE, PUT方法
|
1月前
|
前端开发 Java 编译器
【前端学java】java中的Object类和前端中的Object有什么区别(9)
【8月更文挑战第10天】java中的Object类和前端中的Object有什么区别
31 0
【前端学java】java中的Object类和前端中的Object有什么区别(9)
|
1月前
|
算法 Java
12 Java常用类(一)(内部类+object类+包装类)
12 Java常用类(一)(内部类+object类+包装类)
28 5
|
30天前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
25 0
|
1月前
|
Java API
【Java】Object、Objects、包装类、StringBuilder、StringJoiner
【Java】Object、Objects、包装类、StringBuilder、StringJoiner
|
2月前
|
测试技术 API Android开发
《手把手教你》系列基础篇(九十七)-java+ selenium自动化测试-框架设计篇-Selenium方法的二次封装和页面基类(详解教程)
【7月更文挑战第15天】这是关于自动化测试框架中Selenium API二次封装的教程总结。教程中介绍了如何设计一个支持不同浏览器测试的页面基类(BasePage),该基类包含了对Selenium方法的二次封装,如元素的输入、点击、清除等常用操作,以减少重复代码。此外,页面基类还提供了获取页面标题和URL的方法。
62 2
|
2月前
|
Java
Java中的Object类 ( 详解toString方法 | equals方法 )
Java中的Object类 ( 详解toString方法 | equals方法 )