11 个有用的现代 JavaScript 技巧

时间:2022-11-04 16:00:18

11 个有用的现代 JavaScript 技巧

英文 | https://medium.com/dhiwise/11-useful-modern-javascript-tips-9736962ed2cd


在我们日常开发工作中,我们经常使用到字符串的转换、检查它是否存在的对象中的键、有条件地操作对象数据、过滤数组中的假值等。

在这里,我整理了一些很棒的JavaScript的技巧,这些技巧是我个人最喜欢的,因为它使我的代码更短更干净且非常有用。

1.有条件地在对象中添加属性

11 个有用的现代 JavaScript 技巧

2.检查对象中是否存在属性

11 个有用的现代 JavaScript 技巧

3. 使用动态键破坏对象

11 个有用的现代 JavaScript 技巧

4. 循环访问对象以访问键和值

11 个有用的现代 JavaScript 技巧

5. 防止在使用可选链(?.)访问对象中不存在的任何键时抛出错误

11 个有用的现代 JavaScript 技巧

警告⚠️:当你不确定他们的属性是否存在或不在数据中时使用可选链接。如果您确定密钥必须传入数据,并且如果没有出现,那么,最好是抛出错误而不是阻止它们。

6. 检查数组中的 falsy值

11 个有用的现代 JavaScript 技巧

7.删除数组中的重复值

11 个有用的现代 JavaScript 技巧

8.校验值是数组类型

11 个有用的现代 JavaScript 技巧

9.字符串到数字和数字到字符串的转换使用'+'操作符

11 个有用的现代 JavaScript 技巧

10. 当值为 null 且 undefined 时,使用空值合并 (??) 运算符有条件地分配其他值

11 个有用的现代 JavaScript 技巧

将与 OR (||) 运算符混淆??

如果值不真实(0,'',null,undefined,false,NaN),当您想要有条件地分配其他值时使用 OR 运算符。

11 个有用的现代 JavaScript 技巧

11. 使用 !! 进行布尔转换操作符

11 个有用的现代 JavaScript 技巧

写在最后

以上就是我今天与你分享的全部内容,如果你觉得有用的话,请记得点赞我,关注我,并将它分享给你身边的朋友,也许能够帮助到他。

最后,谢谢你的阅读,祝编程愉快!

11 个有用的现代 JavaScript 技巧


11 个有用的现代 JavaScript 技巧