JavaScript两个快速调试的技巧(console.table & copy)

console.table展示数据

在控制台上展示数组或对象，使用console.table比console.log更加直观明了。

// 在控制台上运行
console.table([
  {
    
     firstName: 'John', lastName: 'Doe', age: 2 },
  {
    
     firstName: 'William', lastName: 'Shakespeare', age: 3 }
])

展示为一个table表，友好很多：

还可以指定展示哪些列
语法

console.table(data,[columns]);

// 在控制台上运行
console.table([
  {
    
     firstName: 'John', lastName: 'Doe', age: 2 },
  {
    
     firstName: 'William', lastName: 'Shakespeare', age: 3 }
], ['firstName', 'lastName'])

上面指定展示firstName和lastName这两列，index 默认有的。

copy复制数据

如果使用谷歌浏览器并需要复制控制台输出的数据。你可以使用copy()方法，而不用手动高亮选择对应代码进行复制。

const data = [2, 3, 4];
copy(data);

执行上面的代码，会将data数据值复制到你的粘贴板上。你可以在任意文档中进行粘贴。

PS：copy方法仅在谷歌浏览器控制台上生效，并且在node.js环境中无效。

---

谢谢你阅读到了最后~
期待你关注、收藏、评论、点赞~

---

原文地址
JavaScript两个快速调试的技巧