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实用基础超详细介绍
Apr 11 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
js点击按钮实现带遮罩层的弹出视频效果
Dec 19 Javascript
深入浅析JavaScript中的作用域和上下文
Mar 26 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
javascript删除数组元素的七个方法示例
Sep 09 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
用Node写一条配置环境的指令
Nov 14 Javascript
JS实现进度条动态加载特效
Mar 25 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
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 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
PHP删除特定数组内容并且重建数组索引的方法.
2011/03/25 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
微信小程序实现图片选择并预览功能
2019/07/25 Javascript
vue 实现动态路由的方法
2020/07/06 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python生成式的send()方法(详解)
2017/05/08 Python
python决策树之CART分类回归树详解
2017/12/20 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
python实现归并排序算法
2018/11/22 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
浅析Python 责任链设计模式
2020/09/11 Python
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
远程教育心得体会
2014/01/03 职场文书
义和团口号
2014/06/17 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
2015学校年度工作总结
2015/05/11 职场文书