JS在if中的强制类型转换方式


Posted in Javascript onJuly 15, 2018

众所周知,JS在很多情况下会进行强制类型转换,其中,最常见两种是:

1.使用非严格相等进行比较,对==左边的值进行类型转换

2.在if判断时,括号内的值进行类型转换,转化为布尔值

今天,我就来聊一聊JS在if中的强制类型转换。

其实,如果详细要讨论哪些值在if中强制转换为true,哪些值在if中强制转换为false,这很困难,因为,情况太多了。但是,我们可以轻松记住强制类型转换结果,为什么?因为,大多数情况下,都是转换为true,只有四种情况会转换为false。此时,我们只需要记住转换为false的那四种情况就可以了。

强制转换为false的四种情况

在if中进行强制转换为false的情况只有四种,分别是:

1.数字0

2.NaN

3.空字符串

4.null或undefined

很多人会问,为什么null和undefined会在一起?因为,在非严格相等的情况下,null和undefined是相等的。

null == undefined    // true
// 两种写法相等
a == null
a === null || a === undefined

如何判断引用数组和对象是否为空

很多时候,我们会碰上这种情况,即在if中判断数组或对象是否为空。如果直接判断的话,依据之前的理论,不管是不是空数组或对象最后都是true,因为数组或对象会强制转换为true。

判断数组是否为空很简单,只需要访问它的length属性即可。那对象该怎么办?

这里可以使用Object.keys方法对对象属性进行遍历,该方法返回一个包含对象属性的数组,如果数组长度为0,即代表为空。当然,这种情况并不完全严谨,因为,对象可能存在不可枚举属性。

var arr = []
arr.length = 0
var obj = {}
Object.keys(obj).length = 0

总结

以上所述是小编给大家介绍的JS在if中的强制类型转换,希望对大家有所帮助,如果对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的

Javascript 相关文章推荐
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
javascript获取重复次数最多的字符
Jul 08 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
在NPM发布自己造的轮子的方法步骤
Mar 09 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
javascript浅层克隆、深度克隆对比及实例解析
Feb 09 Javascript
简单了解JavaScript弹窗实现代码
May 07 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
Vue Element校验validate的实例
Sep 21 Javascript
微信小程序form表单组件示例代码
Jul 15 #Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 #Javascript
Bootstrap Table中的多选框删除功能
Jul 15 #Javascript
详解JavaScript 中 if / if...else...替换方式
Jul 15 #Javascript
简述JS控制台的使用
Jul 15 #Javascript
简述JS浏览器的三种弹窗
Jul 15 #Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 #Javascript
You might like
PHP Google的translate API代码
2008/12/10 PHP
一周让你学会PHP 不错的学习资料
2009/02/06 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
JS 获取滚动条高度示例代码
2013/10/24 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
探索node之事件循环的实现
2020/10/30 Javascript
python实现指定ip端口扫描方式
2019/12/17 Python
pycharm快捷键汇总
2020/02/14 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
学前班教师的自我鉴定
2013/12/05 职场文书
化学教师自荐信范文
2013/12/28 职场文书
不打扫卫生检讨书
2014/02/12 职场文书
优秀护士获奖感言
2014/02/20 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
家长对孩子的寄语
2015/02/26 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
mysql事务隔离级别详情
2021/10/24 MySQL