JavaScript隐式类型转换代码实例


Posted in Javascript onMay 29, 2020

值类型之间的数据类型转换:

(1)数字和字符串使用+运算符:

数字和字符串如果使用+运算符进行操作,那么会将数字先转换为字符串,然后进行字符串连接操作:

var str = "string text ";
var num = 10;
console.log(str + num) // "string text 10"

(2)布尔值参与的+运算符操作:

如果有布尔型参与,那么首先会将布尔值转换为对应的数字或者字符串,然后再进行相应的字符串连接或者算数运算。

var num = 12;
var bool = true;
var str = "text";
console.log(num + bool) //13
console.log(str + bool) // "text true"

(3)Null和Undefined参与的+运算符操作

如果和数字进行计算,null会转化为0,undefined会转化成NaN

注意:Null转换为0,Undefined转换成NaN

console.log(undefined + 1) //NaN
console.log(null + 1) // 1

首先调用string()方法,取得相应的字符串值再进行操作

var a;
var str='123';
console.log(a + str);//'undefined123'
var a=null;
var str='123';
console.log(a + str);//'null123'

(4)==等性运算:

undefined和null比较特殊,它们两个使用==运算符返回值是true。

其他值类型(Number、Boolean、Null、Undefined)进行比较的时候都会将运算数转换为数字

console.log(undefined == null); // true
console.log("1" ==true); //true

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
javascript操作JSON的要领总结
Dec 09 Javascript
node.js中的fs.chown方法使用说明
Dec 16 Javascript
JS实现slide文字框缩放伸展效果代码
Nov 05 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
Nov 09 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
Javascript之Math对象详解
Jun 07 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
vue 2.0路由之路由嵌套示例详解
May 08 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
Angular8 Http拦截器简单使用教程
Aug 20 Javascript
vue+ts下对axios的封装实现
Feb 18 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 #Javascript
node+vue实现文件上传功能
May 28 #Javascript
vue中实现图片压缩 file文件的方法
May 28 #Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 #Javascript
Vue实现附件上传功能
May 28 #Javascript
如何使用Javascript中的this关键字
May 28 #Javascript
简单了解JavaScript arguement原理及作用
May 28 #Javascript
You might like
帖几个PHP的无限分类实现想法~
2007/01/02 PHP
PHP列出MySQL中所有数据库的方法
2015/03/12 PHP
php多重接口的实现方法
2015/06/20 PHP
分享php邮件管理器源码
2016/01/06 PHP
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
基于jquery的表头固定的若干方法
2011/01/27 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
2015/05/14 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
从0开始学Vue
2016/10/27 Javascript
JavaScript中boolean类型之三种情景实例代码
2016/11/21 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
Python扫描端口的实现
2021/01/25 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
护理专业自荐信范文
2014/02/26 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
给客户的检讨书
2014/12/21 职场文书
张思德观后感
2015/06/09 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
Python进行区间取值案例讲解
2021/08/02 Python
Python+tkinter实现高清图片保存
2022/03/13 Python
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL