提升JS编程体验的小技巧:另类转换与过滤假值
133 浏览量
更新于2024-08-30
收藏 107KB PDF 举报
"JS 中的一些小技巧可以提高编程效率和代码可读性,包括不同类型之间的强制转换以及实用的数组过滤方法。"
在JavaScript中,理解并熟练运用各种类型转换是提升编程体验的关键。这里介绍了一些巧妙的转换技巧:
1. **类型强制转换 - 字符串转数字**
- 使用`*1`进行转换实际上是调用了对象的`.valueOf()`方法。例如:`'32' * 1`将得到数字`32`,而`'ds' * 1`则会返回`NaN`。
- 另一种常见方法是使用`+`操作符,如`+'123'`同样会返回数字`123`。
- 判断是否为`NaN`,可以使用`Number.isNaN()`或`a !== a`的技巧,因为`NaN`不等于自身。
1. **对象转字符串**
- 通过字符串与对象相加,比如`'theMathobject:' + Math`,会触发对象的`.toString()`方法,返回`"[object Math]"`。
- 能够自定义对象的转换行为,覆盖其`toString()`和`valueOf()`方法。
1. **利用`Boolean`构造函数过滤数组中的假值**
- 在JavaScript中,`false`, `null`, `0`, `""`, `undefined`, 和 `NaN`被视为假值。
- 通过`arr.filter(Boolean)`,可以快速移除数组中的这些假值。例如:
```javascript
const compact = arr => arr.filter(Boolean);
compact([0, 1, false, 2, '', 3, 'a', 'e' * 23, NaN, 's', 34]);
// 返回 [1, 2, 3, 'a', 's', 34]
```
1. **双位运算符`~~`用于向下取整**
- 双位运算符`~~`可以用来代替`Math.floor()`函数,对任何数值进行向下取整,例如`~~5.7`将返回`5`。
这些技巧在日常编程中非常实用,能够简化代码并提高效率。了解它们不仅有助于写出更简洁的代码,还能让你在处理类型转换问题时更加游刃有余。在实际应用中,记得结合语境选择最适合的方法,以保持代码的清晰和一致性。
2011-07-29 上传
2021-10-10 上传
2020-10-30 上传
2020-11-21 上传
2020-11-22 上传
2020-12-12 上传
2020-12-11 上传
2023-12-03 上传
2021-01-08 上传
weixin_38695159
- 粉丝: 5
- 资源: 942
最新资源
- 新代数控API接口实现CNC数据采集技术解析
- Java版Window任务管理器的设计与实现
- 响应式网页模板及前端源码合集:HTML、CSS、JS与H5
- 可爱贪吃蛇动画特效的Canvas实现教程
- 微信小程序婚礼邀请函教程
- SOCR UCLA WebGis修改:整合世界银行数据
- BUPT计网课程设计:实现具有中继转发功能的DNS服务器
- C# Winform记事本工具开发教程与功能介绍
- 移动端自适应H5网页模板与前端源码包
- Logadm日志管理工具:创建与删除日志条目的详细指南
- 双日记微信小程序开源项目-百度地图集成
- ThreeJS天空盒素材集锦 35+ 优质效果
- 百度地图Java源码深度解析:GoogleDapper中文翻译与应用
- Linux系统调查工具:BashScripts脚本集合
- Kubernetes v1.20 完整二进制安装指南与脚本
- 百度地图开发java源码-KSYMediaPlayerKit_Android库更新与使用说明