对存在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 

相关文章： 建站之星如何实现PC+手机+微信网站五合一建站？  制作网站怎么制作,*游戏网站怎么搭建？  如何零基础开发自助建站系统？完整教程解析  建站之星IIS配置教程：代码生成技巧与站点搭建指南  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  Android自定义listview布局实现上拉加载下拉刷新功能  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  广州美橙建站如何快速搭建多端合一网站？  建站之星展会模版如何一键下载生成？  如何选择网络建站服务器？高效建站必看指南  建站之家VIP精选网站模板与SEO优化教程整合指南  如何在云虚拟主机上快速搭建个人网站？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  如何快速打造个性化非模板自助建站？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  SQL查询语句优化的实用方法总结  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  存储型VPS适合搭建中小型网站吗？  上海网站制作开发公司,上海买房比较好的网站有哪些？  制作宣传网站的软件,小红书可以宣传网站吗？  如何在阿里云高效完成企业建站全流程？  建站之星备案是否影响网站上线时间？  中山网站推广排名,中山信息港登录入口？  如何续费美橙建站之星域名及服务？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  盐城做公司网站,江苏电子版退休证办理流程？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何快速搭建支持数据库操作的智能建站平台？  如何在IIS管理器中快速创建并配置网站？  金*站制作公司有哪些,金华教育集团官网？  网站制作说明怎么写,简述网页设计的流程并说明原因？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  网站专业制作公司有哪些,做一个公司网站要多少钱？  建站之星备案流程有哪些注意事项？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  建站三合一如何选？哪家性价比更高？  文字头像制作网站推荐软件,醒图能自动配文字吗？  PHP正则匹配日期和时间(时间戳转换)的实例代码  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何快速上传自定义模板至建站之星？  制作证书网站有哪些,全国城建培训中心证书查询官网？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  如何高效生成建站之星成品网站源码？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  建站主机核心功能解析：服务器选择与网站搭建流程指南