控制台 console 小技巧分享

淡淡的烟草味﹌ 2024-03-31 08:15 36阅读 0赞

**简单记录一下，控制台 consloe 多个变量时的小技巧，奇怪的知识又增加了~**

![5cfa2cc616ed4ca29eb3ad779b0f9e6c.jpeg][]

**平常我们 console 数据，基本都是这样，很麻烦！**

<script type="text/javascript">
        let s1 = "你好";
        let s2 = "世界";
        let s3 = "嘿嘿嘿";
        console.log(s1);
        console.log(s2);
        console.log(s3);
    </script>

**今天，偶然了解到，还能这么 console，感觉很实用，也很便捷！**

**上代码~**

<script type="text/javascript">
        let s1 = "你好";
        let s2 = "世界";
        let s3 = "嘿嘿嘿";
        console.log({s1, s2, s3});
        console.table({s1, s2, s3});
        
        let obj1 = {
            name: 'XiaoMing',
            age: 18,
            sex: '男'
        }
    
        let obj2 = {
            name: 'XiaoHong',
            age: 19,
            sex: '女'
        }
    
        let obj3 = {
            name: 'XiaoZhang',
            age: 20,
            sex: '男'
        }
    
        let OBJ = {
            obj1,
            obj2,
            obj3
        }
        console.log(OBJ);
        console.table(OBJ);
    </Script>

**控制台输出结果**

![de95884c5d4c42c0a35ab18e54d94190.png][]

[5cfa2cc616ed4ca29eb3ad779b0f9e6c.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/f196ce4b6253492ba6d56bdec7977a34.jpeg
[de95884c5d4c42c0a35ab18e54d94190.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/3bbc009f6adb4e4eaa53bc80986c2016.png

发表评论取消回复

表情：

评论列表（有 0 条评论，36人围观）

还没有评论，来说两句吧...

相关阅读

相关控制台 console 小技巧分享

简单记录一下，控制台 consloe 多个变量时的小技巧，奇怪的知识又增加了~ ![5cfa2cc616ed4ca29eb3ad779b0f9e6c.jpeg][] 平常我

淡淡的烟草味﹌/ 2024年03月31日 08:15/ 0 赞/ 37 阅读

相关 es6 console 控制台

每个JavaScript开发人员都曾用到过`console.log("message")`这个方法。它提供了一个简单的调试控制台，类似于web浏览器提供的JavaScrip

不念不忘少年蓝@/ 2022年10月16日 07:37/ 0 赞/ 351 阅读

相关【JavaScript】console控制台调试技巧 | JavaScript调试技巧

　　对于前端开发者来说，在开发过程中需要监控某些表达式或变量的值的时候，用 debugger 会显得过于笨重，取而代之则是会将值输出到控制台上方便调试。最常用的语句就是cons

分手后的思念是犯贱/ 2022年06月05日 05:42/ 0 赞/ 743 阅读

相关 [译文&摘抄] 前端 Console 调试小技巧

原文地址：How to debug Front-end: Console 原文作者：Michał Witkowski 译文出自：掘金翻译计划转自：[https:/

柔情只为你懂/ 2022年06月02日 03:43/ 0 赞/ 151 阅读

相关 console.log控制台趣味输出

> 3D 文字 > > console.log("%c3D 文字"," text-shadow: 0 1px 0 ccc,0 2px 0 c9c9c9,0 3px

系统管理员/ 2022年06月01日 07:39/ 0 赞/ 284 阅读

相关 java Console 控制台为null问题 Console con = System.console()

问题描述从控制台输入中一般都会使用Scanner类，但是读取密码时JavaSE6引入了Console类，测试代码如下： ![watermark_type_ZmFu

小鱼儿/ 2022年04月13日 06:37/ 0 赞/ 323 阅读

相关 c# 控制台console进度条

1 说明笔者大多数的开发在 Linux 下，多处用到进度条的场景，但又无需用到图形化界面，所以就想着弄个 console 下的进度条显示。 2 步骤 1. 清

朱雀/ 2021年12月20日 10:45/ 0 赞/ 393 阅读

相关 windows控制台(console)乱码

在cmd中输入 CHCP 65001，实操有效。记录一下永久设置，代码如下： Windows Registry Editor Version 5.00

忘是亡心i/ 2021年12月05日 13:11/ 0 赞/ 317 阅读

相关浏览器控制台console个性化提示！

jQuery(document).ready(function($) { try { if (window.console &&

超、凢脫俗/ 2021年09月26日 05:24/ 0 赞/ 332 阅读

相关 Chorme控制台console的用法；

前提：是谷歌浏览器！ IE8- 不支持console.log();会报错，解决如下： (function (){ //创建空cons

冷不防/ 2021年09月17日 02:26/ 0 赞/ 410 阅读