console.log有什么作用

最新推荐文章于 2025-06-12 11:30:22 发布

hellowindowns

最新推荐文章于 2025-06-12 11:30:22 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.csdn.net/hellowindowns/article/details/46959835

javascript 专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了JavaScript中的console.log()函数的使用方法。通过实例演示了如何利用console.log()输出不同类型的变量，包括字符串、数组及对象等，并展示了其相较于alert的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。

相比alert他的优点是：

他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。
console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。
console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到：

1	`Console {memory: MemoryInfo, debug:` `function` `, error:` `function` `, info:` `function` `, log:` `function` `…}`

Javascript的console.log()用法

//变量
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);

/*
输出：
变量：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"}]]
*/