在调用接口时,总要使用console.log()打印接口返回的数据,
这时控制台会把对象的值用省略号隐藏住,要看还要一个个去点击,很麻烦,比如

所以,要想默认输出就展开所有内容,只需要把输出的对象或者数组转换成json字符串再转换为json对象即可

console.log(JSON.parse(JSON.stringify(this.menuPermissionList)))

但是每次输入json转换会觉得麻烦,所以可以在vscode中设置代码片段,输入你指定的代码,自动补全

代码片段设置:
点击左下角设置-》用户代码片段-》新建全局代码片段文件-》输入代码片段的名字-》然后将粘贴下面的代码保存

{"Print to console": {"prefix": "clog","body": ["console.log(JSON.parse(JSON.stringify(${1:})))",],"description": "Log output to console"
}

然后在js中输入clog触发代码片段,prefix可以设置触发代码片段的代码

举一反三,用相同的方式为console.table()设置代码片段

这样查看打印的数据就方便多了

解决console.log打印对象时出现大量省略号问题,以及控制台使用表格方式查看打印数据相关推荐

  1. js控制台打印对象时,属性显示有值,进一步打印属性为空

    控制台在打印对象时,会出现打印值和实际值不一样,或者对象展开和折叠时值不同等情况 这是因为:console.log()输出对象或数组时是在控制台显示一个对象或数组的引用 当打印的对象和数组在打印后进行 ...

  2. 封装一个新闻类News,包含新闻标题,新闻作者,新闻内容,新闻类型三个属性,提供必要的访问器和修改器方法重写toString方法,要求打印对象时输出格式为“标题;

    封装一个新闻类News,包含新闻标题,新闻作者,新闻内容, 新闻类型三个属性,提供必要的访问器和修改器方法,重写toString方法, 要求打印对象时输出格式为"标题:类型:作者" ...

  3. 解决console.log打印对象时出现省略号的情况

    大家在调用接口时,是不是总会遇到当使用console.log()打印接口返回的数据时, 控制台会把对象的值用省略号隐藏住,要看还要一个个去点击,这就相当难受了,就像下面那样. 所以,在这分享个小技巧, ...

  4. 解决json字符串转为对象时LocalDateTime异常问题

    1 出现异常 这次的异常出现在前端向后端发送请求体里带了两个日期,在后端的实体类中,这两个日期的格式都是JDK8中的时间类LocalDateTime.默认情况下,LocalDateTime只能解析20 ...

  5. chrome控制台console.log无法时实打印引用类型值的bug

    在js脚本中,使用console.log打印一个大型的对象(像 vm (vue实例),或者 window 对象),然后再设置延迟改变该对象的的某个属性(假设属性名为 ppp )的值,会发现个有趣的现象 ...

  6. Node.js 在命令行下执行Console.log()命令时,第二行会打印undefined的原因

    转载:http://blog.csdn.net/chy555chy/article 问题描述:在命令行下执行Console.log()命令后,第一行会以 "正常的白字" 输出log ...

  7. 什么?console.log打印出的数据不对?

    背景 都怪我年轻不懂事,调试代码只会用console.log.那么,就在今天,出事儿了! 看图说话.上面的111和222后面跟的数据竟然不一致? 在我的认知中,JSON里面的parse和stringi ...

  8. console.log(text)打印不出来的值,用console.log(text.length)却打印出来长度为1?

    一.背景 好久没写博客了,最近时间实在是紧的不行,忙中偷闲记录一个小问题先.大概描述就是像题目中说的那样,用console.log打印结果和实际的length不同,以为是遇到鬼了,实际呢,我还是太年轻 ...

  9. html5 console.log,这5个 console.log() 技巧帮你提高工作效率

    作者:Dmitri Pavlutin 译者:前端小智 来源:dmitripavlutin. 点赞再看,养成习惯 本文 GitHub https://github.com/qq44924588... 上 ...

最新文章

  1. 《ASP.NET MVC 4框架揭秘》试读章节
  2. JQuery中2个等号与3个等号的区别
  3. FD.io/VPP — VPP 的实现原理解析
  4. oracle自定义函数获取省份,oracle自定义函数查询数据字典项
  5. leetcode 230. Kth Smallest Element in a BST | 230. 二叉搜索树中第K小的元素(Java)
  6. 转答寒冬的面试题(1)
  7. python 比较运算符放在列表中_在Python3中将运算符放在列表中
  8. 计算机专业的英语文献,计算机专业英语论文参考文献
  9. 1381. 设计一个支持增量操作的栈
  10. 输入两个整数n和m,从数列1,2,3,……n中随意取几个数,使其和等于m 转载
  11. 基于树莓派的人脸识别门禁系统
  12. 《关于促进大数据发展的行动纲要》提出三大指导意见
  13. 【解码芯片MIPI输出 四合一】XS9922B 国产 4通道模拟复合视频解码芯片 对标TP2815
  14. Dynamsoft Barcode Reader Crack,强大而快速的条码解码
  15. 微信小程序开发:向数组中插入数据
  16. python模拟登录163邮箱_python selenium模拟登陆163邮箱。
  17. QAP-based Simulation-Extractable SNARK with a Single Verification及代码实现
  18. dbeaver连接gaussdb
  19. 物联网的涵义、架构、技术和产业概述
  20. 网络安全:常见的网络协议

热门文章

  1. 基于adams与simulink的七自由度机械臂模型与控制仿真
  2. 分布式事务TCC使用手册
  3. 手动以及使用torch.nn实现logistic回归和softmax回归
  4. JSP页面如何导入优酷视频
  5. JQuery UI - sortable
  6. Autowired实现原理
  7. 沥高科技冲刺创业板:拟募资5.45亿 为胡仲杰与岑婵芳夫妻店
  8. [简单逻辑学]逻辑学的基本原理——灰色地带及人为灰色地带
  9. 【100%通过率】华为 OD 机试真题 C++ 实现【最大报酬】【2022.11 Q4 新题】
  10. thinkpad t450 win8改win7相关bios配置及U盘安装win7