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 DOM写的类似微博发布的效果
Oct 20 Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
浅析hasOwnProperty方法的应用
Nov 20 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
Jun 12 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
Mar 09 Javascript
bootstrap-table组合表头的实现方法
Sep 07 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
详解plotly.js 绘图库入门使用教程
Feb 23 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
vue-cli点击实现全屏功能
Mar 07 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
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
javascript 字符串连接的性能问题(多浏览器)
2008/11/18 Javascript
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
javascript实现鼠标拖动改变层大小的方法
2015/04/30 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
2015/08/24 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
基于JS实现的笛卡尔乘积之商品发布
2016/05/13 Javascript
JavaScript数据存储 Cookie篇
2016/07/02 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
Angular2使用vscode断点调试ts文件的方法
2017/12/13 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python抓取淘宝下拉框关键词的方法
2015/07/08 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
Python @property装饰器原理解析
2020/01/22 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
英国大码女性时装零售商:Evans
2018/08/29 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
教师实习自我鉴定
2013/12/13 职场文书
治超工作实施方案
2014/05/04 职场文书
我读书我快乐演讲稿
2014/05/07 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
导游词怎么写
2015/02/04 职场文书
保险公司增员口号
2015/12/25 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技