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 相关文章推荐
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
BootStrap select2 动态改变值的方法
Feb 10 Javascript
使用ES6语法重构React代码详解
May 09 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
Vue EventBus自定义组件事件传递
Jun 25 Javascript
angular中子控制器向父控制器传值的实例
Oct 08 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 Javascript
webpack的移动端适配方案小结
Jul 25 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和.net中des加解密的实现方法
2013/02/27 PHP
php中strtotime函数用法详解
2014/11/15 PHP
在Debian系统下配置LNMP的教程
2015/07/09 PHP
PHP实现的一致性哈希算法完整实例
2015/11/14 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
mouse_on_title.js
2006/08/25 Javascript
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
Dom与浏览器兼容性说明
2010/10/25 Javascript
JS去除空格和换行的正则表达式(推荐)
2016/06/14 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
详解VUE前端按钮权限控制
2019/04/26 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
谈谈Python进行验证码识别的一些想法
2016/01/25 Python
python3处理含有中文的url方法
2018/05/10 Python
python中类的属性和方法介绍
2018/11/27 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
梅西百货官网:Macy’s
2020/08/04 全球购物
Ajxa常见问题都有哪些
2014/03/26 面试题
物流管理专业毕业生求职信
2014/03/23 职场文书
环保倡议书怎么写
2014/05/16 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
免职证明样本
2014/10/23 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
《西门豹》教学反思
2016/02/23 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
Python jiaba库的使用详解
2021/11/23 Python
基于Redission的分布式锁实战
2022/08/14 Redis