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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
Javascript学习笔记5 类和对象
Jan 11 Javascript
JS 两个字符串时间的天数差计算
Aug 25 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
JavaScript第一篇之实现按钮全选、功能
Aug 21 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
Vue组件之高德地图地址选择功能的实例代码
Jun 21 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 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入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
js右键菜单效果代码
2007/07/21 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
jQuery文字轮播特效
2017/02/12 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
微信小程序websocket实现聊天功能
2020/03/30 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
python对csv文件追加写入列的方法
2019/08/01 Python
Python爬虫与反爬虫大战
2020/07/30 Python
HTML5进度条特效
2014/12/18 HTML / CSS
营业员个人总结的自我评价
2013/10/25 职场文书
西式婚礼证婚词
2014/01/12 职场文书
优秀员工表扬信
2014/01/17 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
支部组织生活会方案
2014/06/10 职场文书
2014年幼师工作总结
2014/11/22 职场文书
2014年居委会工作总结
2014/12/09 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL
vue项目支付功能代码详解
2022/02/18 Vue.js
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android
vue特效之翻牌动画
2022/04/20 Vue.js