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 定时局部刷新(setInterval)
Nov 19 Javascript
为超链接加上disabled后的故事
Dec 10 Javascript
js绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
js实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
vuejs2.0子组件改变父组件的数据实例
May 10 Javascript
Javascript获取某个月的天数
May 30 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
May 15 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
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 木马攻击防御技巧
2009/06/13 PHP
PHP 替换模板变量实现步骤
2009/08/24 PHP
php url地址栏传中文乱码解决方法集合
2010/06/25 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
php中array_multisort对多维数组排序的方法
2020/06/21 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
Array.prototype.slice 使用扩展
2010/06/09 Javascript
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
javascript实现检验的各种规则
2015/07/31 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
vue实现图片按比例缩放问题操作
2020/08/11 Javascript
Webpack5正式发布,有哪些新特性
2020/10/12 Javascript
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
python实现简单温度转换的方法
2015/03/13 Python
python通过ssh-powershell监控windows的方法
2015/06/02 Python
深入理解Python3 内置函数大全
2017/11/23 Python
Python如何实现转换URL详解
2019/07/02 Python
深入了解python列表(LIST)
2020/06/08 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
工程部岗位职责
2015/02/10 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
复兴之路展览观后感
2015/06/02 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server