js的console.log用法

最新推荐文章于 2024-02-20 14:30:48 发布
最新推荐文章于 2024-02-20 14:30:48 发布
阅读量984 收藏
点赞数
分类专栏： JS && CSS 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>Insert title here</title>  
        <script type="text/javascript">  
            //变量  
            var i = 'I am a string';  
            console.log('变量：', i);  
              
            //数组  
            var arr = [1, 2, 3, 4, 5];  
            console.log('数组：', arr);  
              
            //对象  
            var obj1 = {  
                key1: 'value1',  
                key2: 'value2',  
                key3: 'value3'  
            };  
            var obj2 = {  
                key6: 'value4',  
                key5: 'value5',  
                key4: 'value6'  
            };  
            var obj3 = {  
                key9: 'value7',  
                key8: 'value8',  
                key7: 'value9'  
            };  
              
            console.log('对象：', obj1);  
            //对象数组  
            var objArr1 = [obj1, obj2, obj3];  
            var objArr2 = [[obj1], [obj2], [obj3]];  
              
            console.log('对象数组1：', objArr1);  
            console.log('对象数组1：', objArr2);  
        </script>  
    </head>  
    <body>  
    </body>  
</html>


输出：

变量： I am a string
数组： [1, 2, 3, 4, 5]
对象数组1： [[Object { key1="value1", key2="value2", key3="value3"}], [Object { key6="value4",key5="value5", key4="value6"}], [Object { key9="value7", key8="value8", key7="value9"}]]

截图



larance
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript调试技巧之console.log()详解
woshinannan的专栏
04-15 6809
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑 一、什么是console.log()？ 除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；
console.log()的使用
一个有梦想的年轻人
10-09 2万+
通常情况下，很多人会用alert（）进行调试，这样通常很麻烦，很多浏览器自带一个console，可以看到一些信息，下面为一个HTML的实例                                        console.log(xx.inTxt.value);     用某个浏览器打开这个HTML文件，按下F12，就
node.js中的console.log方法使用说明
10-25
主要介绍了node.js中的console.log方法使用说明,本文介绍了console.log的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
JS基础第一课
申小兮和林小兮的博客宝
07-13 2839
js流程控制（顺序结构、分支结构、循环结构）、运算符及优先级、js书写位置、输入输出语言、变量、数据类型的分类、转换
Chrome的控制台（Console）的用法（超详细，还未细看）
热门推荐
小枯林的博客
06-12 3万+
为什么写了本篇博客： （1）在https://blog.csdn.net/csucsgoat/article/details/117811466中，遇到了Chrome的控制台（Console）；本篇博客就是详细介绍Console的。 本篇博客转载自： （1）Chrome 控制台console的用法（学了之后对于调试js可是大大有用的哦） 说明： （1）这篇博客并没有看，当前也没必要看~~，以后有需要了再看也不迟啦 Chrome 控制台console的用法（学了之后对于调试js可是...
JavaScript的console.log()方法怎么用？
m0_66316324的博客
01-11 9614
JavaScript的console.log()方法怎么用？
js技巧 console.log使用
debug
11-05 2万+
js技巧 console.log使用
console js刷新页面_javascript代码调试之console.log 用法图文详解
weixin_39838302的博客
12-19 218
大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上co...
js console.log打印对象时属性缺失的解决方法
10-16
在JavaScript开发中，console.log()是用来调试代码的常用方法之一，它可以帮助我们追踪程序的执行流程以及变量的状态。然而，在调试对象时，可能会遇到对象属性不完整的问题，这会对我们获取正确的信息造成困扰。在...
JS中捕获console.log()输出的方法
10-24
以上便是捕获JavaScript中console.log()输出内容的方法和一些使用技巧。掌握了这些技术，我们可以更加灵活地进行程序的调试和优化工作。希望本文所述内容能够对您的JavaScript程序设计工作有所帮助。
js中console.log()的使用方法
tianxianghuiwei的博客
01-12 1205
可以输出之前在其中定义的任何类型的变量，或者只输出需要显示给用户的任何消息。如果函数被传递给函数console.log()，那么该方法将显示传递的function()的值。如果将字符串作为参数传递给函数console.log()，则该方法将显示它。如果将字符char传递给函数console.log()，则该方法将显示它。如果消息传递给函数console.log()，则该方法将显示给定的消息。如果数字传递给函数console.log()，那么该方法将显示它。它接受一个参数，该参数可以是数组，对象或任何消息。
JavaScript console.log()
zsx0728的博客
04-01 1333
文章目录JavaScript console.log()console.log() 语法示例 1：打印一个句子示例 2：打印存储在变量中的值参考文档     在本教程中，您将借助示例了解 JavaScript 控制台。 JavaScript console.log()     所有现代浏览器都有一个用于调试的 Web 控制台。console.log() 方法用于将消息写入这些控制台。例如， let sum = 44; console.log(sum); // 44     运行上述代码时，控制台上会打
138. 精读《精通 console.log》
前端精读周刊
02-10 435
1 引言本周精读的文章是Mastering JS console.log like a Pro，一起来更全面的认识 console 吧！2 概述 & 精读console 的功能...
Javascript怎么输出内容？两种常见方式以及控制台介绍
最新发布
luohaitao的专栏
02-20 4426
控制台是现代浏览器中的内置调试器，熟练的web开发人员会经常使用console.log()在其代码中打印消息和调试问题。控制台（console）主要是用来显示网页加载过程中产生各类信息；在测试界面时，如果出现bug问题，一般情况下会在这栏展示，查看调试日志信息或者异常错误信息，然后前端开发工程师根据具体问题来调试，进行解决问题。发者工具中的控制台（Console）主要是用来显示网页加载过程中产生各类信息。
javascript的console.log()用法
小王同学的博客
05-21 9288
1、javascript的console.log()用法 2、源码： Insert title here //变量 var i = 'I am a string'; console.log('变量：', i);
Javascript的console.log()用法
塑料机霸
03-03 1640
把下面代码保存为html文件，然后IE8---F12---脚本---控制台里就会出现有趣的东西，如果是Firefox，安装了FireBug后，则F12--控件台--所有 ，同样可以看到。 javascript的console.log()用法 /* console.log 原先是 Firefox 的“专利”，严格说是安装了 Firebugs 之后的 Firefox 所独有的
Firebug控制台详解(装)
btsk
03-27 552
Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解 作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，...
javascript console.log()方法
09-14
console.log()是JavaScript中用于将消息打印到浏览器控制台的方法。它可以用于调试代码和输出信息。 例如，你可以使用console.log()来打印一个简单的消息： ```javascript console.log("Hello, World!"); ``` 这会在控制台输出"Hello, World!"。你也可以打印变量或表达式的值： ```javascript var num1 = 5; var num2 = 10; var sum = num1 + num2; console.log("The sum of", num1, "and", num2, "is", sum); ``` 这会输出"The sum of 5 and 10 is 15"。console.log()方法可以接受多个参数，并用空格分隔它们。 除了简单的文本外，你也可以打印对象、数组等数据结构： ```javascript var person = { name: "John", age: 30, city: "New York" }; console.log(person); ``` 这会打印出person对象的内容。 console.log()方法对于调试代码和查看变量的值非常有用，特别是在开发过程中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值