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实现简单的轮换出现效果实例
Jul 23 Javascript
javascript实现加载xml文件的方法
Nov 24 Javascript
JavaScript设计模式经典之命令模式
Feb 24 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
Js经典案例的实例代码
May 10 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
详解微信小程序与内嵌网页交互实现支付功能
Oct 22 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
结合axios对项目中的api请求进行封装操作
Sep 21 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获取远程图片体积大小的实例
2013/11/12 PHP
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
2016/01/27 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
js实现双人五子棋小游戏
2020/05/28 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
python中threading超线程用法实例分析
2015/05/16 Python
Python 中的 import 机制之实现远程导入模块
2019/10/29 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
Python用类实现扑克牌发牌的示例代码
2020/06/01 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
css3的transition属性详解
2014/12/15 HTML / CSS
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
java程序员面试交流
2012/11/29 面试题
信息专业大学生自我评价分享
2014/01/17 职场文书
职工运动会邀请函
2014/01/19 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
人工作失职检讨书
2015/05/05 职场文书
法院答辩状格式
2015/05/22 职场文书
JavaScript的Set数据结构详解
2022/02/18 Javascript
Python实现简单得递归下降Parser
2022/05/02 Python