javascript中console.log()用法

最新推荐文章于 2022-06-03 23:41:09 发布
最新推荐文章于 2022-06-03 23:41:09 发布
阅读量959 收藏 1
点赞数
分类专栏： JS

<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript的console.log()用法</title>
</head>
<body>

<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>

</body>
</html>

 

console.log()用法，是javascript做调试用的，不会在页面中直接显示。请使用谷歌GoogleChrome浏览器【或者枫树浏览器】F12调试工具可查看。

输出：

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

 

2012-05-04 19:00

 
 
转自http://hi.baidu.com/58zhongguo/item/a34201f6e3412c40932af2aa

西门吹雪哈哈哈哈
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript调试技巧之console.log()详解
10-23
JavaScript调试是...通过熟练掌握`console.log()`及其相关方法，JavaScript开发者能够更高效地定位和解决代码中的问题，提升开发效率。在实际项目部署时，记得移除或注释掉这些调试语句，以保持代码的整洁和性能。
Java Script（第三章）document.write()和console.log()的区别
Claire__Yo的博客
07-15 1409
document.write和console.log的区别
console.log('script start')
素味平生的博客
11-29 927
console.log('script start') setTimeout(function () { console.log('setTimeout') },0) new Promise(function (resolve) { console.log('promise1') resolve() }).then(function () { console.lo...
JavaScript的console.log()方法怎么用？
m0_66316324的博客
01-11 9610
JavaScript的console.log()方法怎么用？
JS哪些方法会遍历数组，哪些方法遍历可以被中断
m0_71231013的博客
06-03 3293
let arr = [1,2,3,4] // item：当前每一项 for (let i = 0; item { conso
html5 console.log,这5个 console.log() 技巧帮你提高工作效率
weixin_42117150的博客
06-25 1123
作者：Dmitri Pavlutin译者：前端小智来源：dmitripavlutin.点赞再看，养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。我们知道 console.log(message)用法很简单，表示将参数...
javascript的console.log()用法小结
10-28
JavaScript的`console.log()`函数是开发者在进行前端编程时用于调试的常用工具，尤其在现代浏览器中，它扮演着不可或缺的角色。最初，`console.log()`是Firefox通过安装Firebug扩展提供的一项功能，但随着浏览器技术...
javascript代码调试之console.log 用法图文详解
11-23
JavaScript是Web开发中不可或缺的一部分，而在JavaScript的调试过程中，`console.log`是一个极其重要的工具，它可以帮助开发者在浏览器控制台输出信息，以便于理解和检查代码的执行情况。本文将详细介绍`console.log...
JavaScript中的console.log()函数详细介绍
10-25
JavaScript中的`console.log()`函数是开发者调试代码时常用的工具，它允许我们在浏览器的开发者控制台输出信息，以便检查变量的状态、跟踪代码执行流程等。相比`alert()`函数，`console.log()`的优势在于它不会中断...
前端之JavaScript高级1
云中自有锦书
07-30 264
1. JavaScript基础回顾 1.1 作用域: 1.1.1 全局作用域 整个js执行的环境就是一个全局作用域 1.1.2 局部作用域 es5规范中: 只有函数才能构成一个局部作用域 1.1.3 作用域链 将js执行时变量查找的方式,以链式形式表示出来 var num = 0; function fn(){ var num1; num1 = 1; co...
你所不知道的console.log()（console.log详解）
Jermyo的博客
11-07 3万+
console.log，作为一个前端开发者，想必每天都会用它来做分析调试，但这个简单函数背后你所不知道的一面，很多人未必使用过，有一些也是很方便使用的 基础 首先，简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值。 console.log('123'); // 123 ...
console.log详解
qq_29007709的博客
01-10 3万+
console.log方法用于在控制台输出信息。它可以接受一个或多个参数，将它们连接起来输出。 console.log('Hello World') // Hello World console.log('a', 'b', 'c') // a b c console.log方法会自动在每次输出的结尾，添加换行符。 console.log(1); console.log(2); conso...
JavaScript中console.log()函数的用法
迁就100
07-15 5532
其实这个方法和alert方法类似，唯一不同的是该方法是显示在控制台的，而alert()方法是显示在浏览器上的，比如： <script> var a=23.4; alert(typeof(a)); </script> 这是使用alert()函数的结果，显示在页面上 <script> var a=23.4; console.log(typeof(a)...
javaScript中console.log()的用法
热门推荐
夏朵朵的博客
04-16 5万+
console.log()类似于alert啊，不过不会打断操作。主要是方便调式javascript用的。你可以看到你在页面中输出的内容，不过需要浏览器支持控制台输出。在浏览器界面使用快捷键 F12 就能打开控制台，这个F12 最确切的叫法是开发人员工具。其中，Console 即控制台。点击右键的 Clear console 菜单 或者 输入 clear() /console.clear()然后按回...
javascript的console.log()用法
小王同学的博客
05-21 9288
1、javascript的console.log()用法 2、源码： Insert title here //变量 var i = 'I am a string'; console.log('变量：', i);
console.log()用法
lsh15846393847的博客
08-25 3万+
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式。 原因在于：alert()函数会阻断JavaScript程序的执行 lert弹出框需要点击确认比较麻烦，而console.log()仅在控制台中打印相关信息。 alert只能输出字符串，不能输出对象里面的结构，console.log()console.log()可以接受任何字符串、数字和...
console.log()方法的使用
16个夏天。。。
12-10 2488
//变量 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
console.log()一个好玩的东西
成长之路
04-02 1582
console.log(“%c这里发%c前缀好像是必要的”，“这里可以写css样式，会直接反应在下方的输出里”)
console.log() 花样玩法
@不喝海之言@
11-12 798
普通版： console.log('日志'); const log = '2020年'; console.log('日志：'，log); # 语法：console.log('','','','',...) 升级版： console.log([ '%c ----------------------------', '| 第一次登录 |', ' ----------------------------' ].join('\n')); 注：我们常见
javascript console.log()方法
最新发布
09-14
console.log()是JavaScript中用于将消息打印到浏览器控制台的方法。它可以用于调试代码和输出信息。 例如，你可以使用console.log()来打印一个简单的消息： ```javascript console.log("Hello, World!"); ``` 这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值