对存在JavaScript隐式类型转换的四种情况的总结(必看篇)

一般存在四种情况，JavaScript会对变量的数据类型进行转换。

目录

* if中的条件会被自动转为Boolean类型
 * 会被转为false的数据
 * 会被转为true的数据
* 参与+运算都会被隐式的转为字符串
 * 会被转为空字符串的数据
 * 会被转为字符串的数据
 * 会被转为数据类型标记的数据
* 参与*运算都会被隐式的转为数字
 * 会被转为0的数据
 * 会被转为1的数据
 * 会被转为NaN的数据
* == 运算符
 * 为true的时候
 * 为false的时候

if中的条件会被自动转为Boolean类型

会被转为false的数据

if(false) console.log(2333)
if('') console.log(2333)
if(null) console.log(2333)
if(undefined) console.log(2333)
if(NaN) console.log(2333)

会被转为true的数据

if(true) console.log(2333) // 2333
if('test') console.log(2333) // 2333
if([]) console.log(2333) // 2333
if({}) console.log(2333) // 2333

参与+运算都会被隐式的转为字符串

会被转为空字符串的数据

'str-' + '' // str-
'str-' + []

会被转为字符串的数据

'str-' + '1' // "str-1"
'str-' + 1 // "str-1"
'str-' + false // "str-false"
'str-' + true // "str-true"
'str-' + null // "str-null"
'str-' + undefined // "str-undefined"
'str-' + NaN // "str-NaN"

会被转为数据类型标记的数据

'str-' + {} // "str-[object Object]"
'str-' + {a:1} // "str-[object Object]"

参与*运算都会被隐式的转为数字

会被转为0的数据

2 * '' // 0
2 * [] // 0
2 * false // 0

会被转为1的数据

2 * '1' // 2
2 * [1] // 2
2 * true // 2

会被转为NaN的数据

2 * {} // NaN
2 * {a:1} // NaN

== 运算符

为true的时候

0 == false // true
0 == '' // true
0 == '0' // true
0 == [] // true
0 == [0] // true

1 == true // true
1 == '1' // true
1 == [1] // true

[1] == true // true
[] == false // true

为false的时候

0 == {} // false
0 == null // false
0 == undefined // false
0 == NaN // false

1 == {} // false
1 == null // false
1 == undefined // false
1 == NaN // false

[] == [] // false
[1] == [1] // false
[1] == {} // false
[1] == {a:1} // false
[1] == false // false
[1] == null // false
[1] == undefined // false
[1] == NaN // false

{} == {} // false
{a:1} == {a:1} // false

注：空数组[]，在+运算符下是转为空字符串''，在*运算符下是转为数字0。但在if语句中，则转为true。

以上这篇对存在JavaScript隐式类型转换的四种情况的总结(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# js隐式类型转换  # 浅析JavaScript中的隐式类型转换  # JavaScript隐式类型转换  # 总结Javascript中的隐式类型转换  # JavaScript中运算符规则和隐式类型转换示例详解  # JS面试题大坑之隐式类型转换实例代码  # 有趣的JavaScript隐式类型转换操作实例分析  # JavaScript隐式类型转换代码实例  # JavaScript隐式类型转换例子总结  # JavaScript 隐式类型转换规则详解  # JS不同运算符下隐式类型转换的实现示例  # 隐式  # 运算符  # 给大家  # 四种  # 空字符串  # 但在  # 希望能  # 会对  # 这篇  # 必看  # 小编  # 大家多多  # xhtml  # brush  # class  # true  # false  # Boolean  # JavaScript  # log 

相关文章： 详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何彻底卸载建站之星软件？  如何解决VPS建站LNMP环境配置常见问题？  ,柠檬视频怎样兑换vip？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  ,有什么在线背英语单词效率比较高的网站？  如何使用Golang table-driven基准测试_多组数据测量函数效率  建站之星如何快速解决建站难题？  如何快速搭建FTP站点实现文件共享？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  浅谈Javascript中的Label语句  如何通过山东自助建站平台快速注册域名？  如何在阿里云域名上完成建站全流程？  黑客如何利用漏洞与弱口令入侵网站服务器？  历史网站制作软件,华为如何找回被删除的网站？  建站主机选择指南：服务器配置与SEO优化实战技巧  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  ,怎么在广州志愿者网站注册？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  小建面朝正北，A点实际方位是否存在偏差？  建站主机与虚拟主机有何区别？如何选择最优方案？  如何在阿里云通过域名搭建网站？  如何高效利用亚马逊云主机搭建企业网站？  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  建站之星安装需要哪些步骤及注意事项？  如何选择高效便捷的WAP商城建站系统？  建站之星客服服务时间及联系方式如何？  网站制作模板下载什么软件,ppt模板免费下载网站？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  网站网页制作专业公司,怎样制作自己的网页？  如何安全更换建站之星模板并保留数据？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  微信小程序 input输入框控件详解及实例（多种示例）  建站之星好吗？新手能否轻松上手建站？  广州建站公司哪家好？十大优质服务商推荐  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  如何在宝塔面板创建新站点？  专业商城网站制作公司有哪些,pi商城官网是哪个？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  兔展官网 在线制作,怎样制作微信请帖？  如何在阿里云服务器自主搭建网站？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  北京网站制作公司哪家好一点,北京租房网站有哪些？  南京网站制作费用,南京远驱官方网站？  如何快速打造个性化非模板自助建站？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？