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

大家在调用接口时,是不是总会遇到当使用console.log()打印接口返回的数据时,
控制台会把对象的值用省略号隐藏住,要看还要一个个去点击,这就相当难受了,就像下面那样。
在这里插入图片描述
所以,在这分享个小技巧,只需要把返回值先转化成JSON字符串,然后在转化成对象。
这样做控制台就可以直接打印出全部值了,不会被省略号隐藏住,简直是懒人福音。具体操作如下
console.log(“res”, JSON.parse(JSON.stringify(res)))
在这里插入图片描述
这样,就不会控制台出现省略号了;
如果还觉得麻烦,可以在编辑器添加一些片段快捷输入,以vscode为例,点击文件-》首选项-》用户片段-》新建全局代码片段文件-》输入一个触发代码片段的名字-》然后将粘贴下面的代码并报错

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

prefix的值为触发用户片段 需要输入的字符,也就是说在编辑器打出con 就可以找到对应的用户片段了
在这里插入图片描述
在这里插入图片描述
这样一顿操作后,以后打印数据就很舒服了

注意:此方法只适用于开发调试阶段,由于JSON.parse(JSON.stringify())里的值不能是 undefined、Symbol、function,否则将会直接报错,影响后续代码的运行,所以开发完建议注释掉

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
`indexedDB.open()` 是 HTML5 中用于打开 IndexedDB 数据库的方法。它的语法如下: ``` const request = window.indexedDB.open(name, version); ``` 其中,`name` 是要打开的数据库的名称,`version` 是数据库的版本号。这个方法会返回一个 IDBRequest 对象,表示打开数据库的请求。 `indexedDB.open()` 方法执行会检查指定名称的数据库是否存在。如果存在,它会检查数据库的版本号。如果数据库的版本号低于指定的版本号,它会触发 `upgradeneeded` 事件,允许你更新数据库的结构。如果数据库的版本号等于或高于指定的版本号,它会触发 `success` 事件,表示成功打开了数据库连接。 以下是一些常见的 `indexedDB.open()` 方法的用法: 1. 打开一个新的数据库连接: ``` const request = window.indexedDB.open('myDatabase', 1); request.onerror = function(event) { console.log('Database error: ' + event.target.errorCode); }; request.onsuccess = function(event) { const db = event.target.result; // 执行操作... }; ``` 2. 打开一个已经存在的数据库连接: ``` const request = window.indexedDB.open('myDatabase', 1); request.onerror = function(event) { console.log('Database error: ' + event.target.errorCode); }; request.onsuccess = function(event) { const db = event.target.result; // 执行操作... }; request.onupgradeneeded = function(event) { // 更新数据库结构... }; ``` 注意,如果你只希望打开或创建一个新的数据库连接,而不需要更新数据库结构,你可以省略 `onupgradeneeded` 事件处理程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值