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 相关文章推荐
Egret引擎开发指南之视觉编程
Sep 03 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 Javascript
简单学习vue指令directive
Nov 03 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
Aug 08 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
vue 全局封装loading加载教程(全局监听)
Nov 05 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 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
理解PHP5中static和const关键字的区别
2007/03/19 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
js实现水平滚动菜单导航
2017/07/21 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
Python实现基于多线程、多用户的FTP服务器与客户端功能完整实例
2017/08/18 Python
Python二维码生成识别实例详解
2019/07/16 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
零基础学python应该从哪里入手
2020/08/11 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
以设计师精品品质提供快速时尚:PopJulia
2018/01/09 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
安全检查验收制度
2014/01/12 职场文书
幼儿园秋游感想
2014/03/12 职场文书
课前三分钟演讲稿
2014/04/24 职场文书
基层党员公开承诺书
2014/05/29 职场文书
环境科学专业教师求职信
2014/07/12 职场文书
2016年离婚协议书范文
2016/03/18 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
Mysql实现简易版搜索引擎的示例代码
2021/08/30 MySQL