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]”}]}]

相关文章
|
14天前
|
JSON Java Apache
Java基础-常用API-Object类
继承是面向对象编程的重要特性,允许从已有类派生新类。Java采用单继承机制,默认所有类继承自Object类。Object类提供了多个常用方法,如`clone()`用于复制对象,`equals()`判断对象是否相等,`hashCode()`计算哈希码,`toString()`返回对象的字符串表示,`wait()`、`notify()`和`notifyAll()`用于线程同步,`finalize()`在对象被垃圾回收时调用。掌握这些方法有助于更好地理解和使用Java中的对象行为。
|
2月前
|
存储 Java 程序员
Java基础的灵魂——Object类方法详解(社招面试不踩坑)
本文介绍了Java中`Object`类的几个重要方法,包括`toString`、`equals`、`hashCode`、`finalize`、`clone`、`getClass`、`notify`和`wait`。这些方法是面试中的常考点,掌握它们有助于理解Java对象的行为和实现多线程编程。作者通过具体示例和应用场景,详细解析了每个方法的作用和重写技巧,帮助读者更好地应对面试和技术开发。
139 4
|
3月前
|
Java
Java Object 类详解
在 Java 中,`Object` 类是所有类的根类,每个 Java 类都直接或间接继承自 `Object`。作为所有类的超类,`Object` 定义了若干基本方法,如 `equals`、`hashCode`、`toString` 等,这些方法在所有对象中均可使用。通过重写这些方法,可以实现基于内容的比较、生成有意义的字符串表示以及确保哈希码的一致性。此外,`Object` 还提供了 `clone`、`getClass`、`notify`、`notifyAll` 和 `wait` 等方法,支持对象克隆、反射机制及线程同步。理解和重写这些方法有助于提升 Java 代码的可读性和可维护性。
129 20
|
5月前
|
Java
【Java基础面试二十】、介绍一下Object类中的方法
这篇文章介绍了Java中Object类的常用方法,包括`getClass()`、`equals()`、`hashCode()`、`toString()`、`wait()`、`notify()`、`notifyAll()`和`clone()`,并提到了不推荐使用的`finalize()`方法。
【Java基础面试二十】、介绍一下Object类中的方法
|
5月前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
92 3
|
5月前
|
安全 Java 应用服务中间件
【Azure 应用服务】App Service中,为Java应用配置自定义错误页面,禁用DELETE, PUT方法
【Azure 应用服务】App Service中,为Java应用配置自定义错误页面,禁用DELETE, PUT方法
【Azure 应用服务】App Service中,为Java应用配置自定义错误页面,禁用DELETE, PUT方法
|
5月前
|
前端开发 Java 编译器
【前端学java】java中的Object类和前端中的Object有什么区别(9)
【8月更文挑战第10天】java中的Object类和前端中的Object有什么区别
55 0
【前端学java】java中的Object类和前端中的Object有什么区别(9)
|
5月前
|
算法 Java
12 Java常用类(一)(内部类+object类+包装类)
12 Java常用类(一)(内部类+object类+包装类)
45 5
|
6月前
|
测试技术 API Android开发
《手把手教你》系列基础篇(九十七)-java+ selenium自动化测试-框架设计篇-Selenium方法的二次封装和页面基类(详解教程)
【7月更文挑战第15天】这是关于自动化测试框架中Selenium API二次封装的教程总结。教程中介绍了如何设计一个支持不同浏览器测试的页面基类(BasePage),该基类包含了对Selenium方法的二次封装,如元素的输入、点击、清除等常用操作,以减少重复代码。此外,页面基类还提供了获取页面标题和URL的方法。
135 2
|
5月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
37 0