console.log()方法的使用

信号与系统——卷积、相关运算与FFT关系以及工程应用(三) 卷积运算、相关运算 阅读详情

可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢?现在假设一个场景,如果一个数组里面有成百上千的元素,但是你想知道每个元素具体的值,这时候想想如果你用alert那将是多惨的一件事情,因为alert阻断线程运行,你不点击alert框的确定按钮下一个alert就不会出现。

下面我们用console.log来替换,感受一下它的魅力。http://www.mamicode.com/info-detail-611316.html

技术分享


//变量

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"}]]
*/
告别色差!用Python+TCS34725颜色传感器实现精准色彩还原(附完整校准代码) 本文详细介绍了如何利用Python和TCS34725颜色传感器实现专业级色彩还原方案。通过双阶校准法(白光校准和黑电平校准)和进阶的光照自适应技术,解决传感器原始数据不准的问题,并提供完整的校准代码和实战案例,帮助开发者实现ΔE<3的高精度色彩识别。 阅读详情

相关推荐

SAP UI5 和 Fiori 的一些小技巧合集 - 持续更新中

本文介绍笔者从事 SAP UI5 和 Fiori 开发多年以来,积累的一些经验和小技巧。会保持更新。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 871

后台表单验证 +表格获取当前行的数据

表单验证是我们经常用到的东西,今天来看一下表单验证的实现。 <template> <div class=""> <el-form :model="form" :rules="rules" ref="form"> <el-form-item prop="name" label="姓名"> <el-input v-model="form.name"></el-input> </e

qq_59076775的博客 1373

手把手教你学Simulink--控制执行场景实例:基于Simulink的智能车辆自动紧急制动(AEB)仿真

本文完成了基于 Simulink 的智能车辆自动紧急制动(AEB),实现了:✅ 构建前车急刹与静止障碍物典型场景✅ 设计基于 TTC 的三级 AEB 决策逻辑✅ 验证在高风险场景下有效避免碰撞✅ 掌握从风险评估到制动执行的完整安全链✅ 为ADAS 主动安全功能开发奠定基础。

MHD0815的博客 203

javascript的console.log()用法小结

转自:http://www.jb51.net/article/30469.htm javascript的console.log()用法 /* console.log 原先是 Firefox 的"专利",严格说是安装了 Firebugs 之后的 Firefox 所独有的调试"绝招"。 这一招,IE8 学会了,不过用起来比 Firebugs 麻烦,只有在开启调试窗口(F12)

BruceOuyang 的专栏 1240

console.log() 的小技巧

众所周知,我们开发项目通常会使用前端框架,前端调试变得更加有难度,除了用一些插件以外,使用console.log()是最多的。console.log()为我们提供了很多打印的方法,下面是一些console对象包含的方法: 一、基本打印 1.console.log() console.log()就是最最基本和常用的用法。它可以再JavaScript代码的任何地方,这样就可以在浏览器的控制台中看到打印信息。基本使用方法如下: let name = "HHHHH"; let age = 18; cons

Hannaaa的博客 8553

console.log()的作用与实现

console.log()的作用是什么 主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。 相比alert他的优点是: 1,他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。 ,2,console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。 3,console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到: Cons

weixin_45627194的博客 4万+

html中alert的用法_JS调试之console.log()作用与用法

在前端调试js代码的时候,很多人都喜欢用 alert() 来进行调试,但是 alert() 会阻断JS的运行,而且对一些类型的变量无法输出,这就造成了不少的麻烦。针对这个问题,这篇文章就说一说js中的别一种调试方法 console.log()console.log()定义console.log():可以将变量输出到浏览器的控制台中,方便开发者调用JS代码,它是一个使用频率很高的功能。提示:浏览器中...

weixin_39857513的博客 648

js中console.log()使用方法

可以输出之前在其中定义的任何类型的变量,或者只输出需要显示给用户的任何消息。如果函数被传递给函数console.log(),那么该方法将显示传递的function()的值。如果将字符串作为参数传递给函数console.log(),则该方法将显示它。如果将字符char传递给函数console.log(),则该方法将显示它。如果消息传递给函数console.log(),则该方法将显示给定的消息。如果数字传递给函数console.log(),那么该方法将显示它。它接受一个参数,该参数可以是数组,对象或任何消息。

tianxianghuiwei的博客 2053

机械秒表的使用方法_让console.log()不再是你的唯一选项js日志输出6种方法

几乎所有的javascript开发者最常使用的日志打印调试api都是console.log(),其实还有很多的选项供我们选择,笔者下面就为大家一一介绍.一、console.table()console.table()是我非常建议大家去使用方法,它可以接受JSON或数组并以表格格式打印,在对json对象和数组进行可视化打印的时候简单易用,结果直观。比如下面的json数据对象使用conso...

weixin_39747087的博客 189

JS中使用console.log()方法,在浏览器控制台没有内容的几种解决办法!!!

【代码】JS中使用console.log()方法,在浏览器控制台没有内容的几种解决办法!!!

nn8783的博客 1万+

JavaScript调试技巧之console.log()详解

JavaScript调试技巧之console.log()详解 JavaScript调试技巧之console.log()详解 对于JavaScript程序的调试,相比于alert()使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用; alert弹出框需要点击确认比较麻烦,而console.log()仅在控制台中打印...

奋斗的蜗牛 4309

console.logconsole.trace():前端调试效率的进阶之路

摘要:本文探讨前端开发中从console.log()console.trace()的调试进阶之路。console.log()虽简单直接,但在复杂项目中存在调用路径缺失、异步调试困难等问题。console.trace()能输出完整调用栈,清晰展示代码执行路径,显著提升调试效率。文章对比两者差异,分析console.trace()在递归、事件监听和异步场景的应用优势,并介绍其与其他调试工具的配合使用方法。最后强调生产环境需移除调试代码,避免安全隐患。

weixin_56334307的博客 1654

html js打印日志,JavaScript的console.log()方法怎么用?

console.log()是JavaScript中的一个内置函数,用于在控制台输出信息;该方法对于开发过程进行测试很有帮助。可以输出之前在其中定义的任何类型的变量,或者只输出需要显示给用户的任何消息。语法console.log(message);参数:它接受一个参数,该参数可以是数组,对象或任何消息。返回值:返回给定参数的值。下面通过示例来看看console.log()方法使用示例1:传递数字作...

weixin_39566773的博客 5747

js中console.log()console.dir()的区别

console.log() 输出的是对象的内容 console.dir() 输出该对象的内容,所有属性和方法。 例如: 打印一个dom对象 打印一个js已定义的方法 打印一个自定义的对象 ...

yiyueqinghui的博客 445

浅谈js的键值对key和value

> 昨晚无意中看到类似下面结构的一段代码的取值问题,引起我的兴趣,花了点时间写了个demo给大家分享一下。。。 1   var obj = [ 2     {"2011":{"name":"jyjin","age":20}}, 3     {"2012":{"name":"jyjin","age":21}} 4   ]; 5 6   var obj1 = { 7     "2013":{"name":"jyjin","age":22}, 8     "2014":{"name":"jyjin","a.

yyc_two的博客 2601

bootstrap-table中的checkbox 操作事件

zhangzhiping35 bootstrap-table中的checkbox 操作事件 $("#table").bootstrapTable({ // 1.点击每行进行函数的触发 // onClickRow : function(row, tr,flied){ //书写自己的方法 // console.log(row);/...

weixin_34187862的博客 7800

element组件----数据组件

Table 表格 用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。 基础表格 基础的表格展示用法。 <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" ...

weixin_45343882的博客 1007

【项目六】用户 角色 权限 数据交互

vue 项目

爱玩亚索的程序员 851

console.log的高级用法

//基本用法 console.log('最常见用法\n换行'); console.error('输出错误信息 会以红色显示'); console.warn('打印警告信息 会以黄色显示'); console.info('打印一般信息'); console.clear();//清空上面的console显示 //进阶用法 console.assert(false,'判断为false才显示的信息');//console.assert(bool,”info”)..

細水、長流√的专栏 4445

console.log详解

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

qq_29007709的博客 3万+

android studio 顶部导航栏_Flutter路由与导航

基本概念如果说构成视图元素的基本单位是组件,那么构成应用程序的基本单位就是页面。对于拥有多个页面的应用程序而言,如何从一个页面平滑地过渡到另一个页面,是技术框架需要考虑的问题。在前端开发中,可以使用路由框架来统一管理页面及它们之间的跳转。在Android中路由指的是一个Activity,在iOS中指的是一个ViewController,可以通过startActivity或pushViewContr...

weixin_39789646的博客 1674

农业全要素生产率(2005-2023).xlsx

数据范围:31个省(或30个省),2005-2023年,面板数据指标体系:如下指标投入要素期望产出变量劳动力投入土地投入农业机械投入化肥投入农药投入农膜投入灌溉投入农业总产值变量说明种植业从业人员数(万人)农作物播种总面积(千公顷)农业机械总动力(万千瓦)农用化肥投入(万吨)农药使用(万吨)农用塑料薄膜使用()农业有效灌溉面积(千公顷)种植业总产值亿元)

添加高斯噪声,并用高斯滤波、均值滤波、中值滤波、双边滤波四种滤波去噪方式源码.zip

用高斯滤波、均值滤波、中值滤波,双边滤波滤波进行去噪处理,这四种滤波是在添加高斯噪声的基础上,分别得到信噪比,通过对比信噪比值,最终得到那种方式处理效果最好。并且源码可以在不同的卷积核滤波器大小、添加不同浓度的高斯噪声、不同的滤波去噪方式等条件下,进行滤波处理,得到处理后的图像。

上一篇: event.preventDefault()方法的使用
下一篇: pc端点击事件和移动端点击事件区别
16个夏天
博客等级 码龄12年 16粉丝 99原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值