11 个有用的现代 JavaScript 技巧

前端Q

我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～

公众号

点击上方 前端Q，关注公众号

回复加群，加入前端Q技术交流群

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

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

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

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

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

3. 使用动态键破坏对象

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

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

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

6. 检查数组中的 falsy值

7.删除数组中的重复值

8.校验值是数组类型

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

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

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

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

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

写在最后

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

最后，谢谢你的阅读，祝编程愉快！

往期推荐

两个真实线上故障让你彻底搞懂package.json中的脱字符(^)

API 请求慢？这次锅真不在后端

为什么有人说 vite 快，有人却说 vite 慢？

最后

• 欢迎加我微信，拉你进技术群，长期交流学习...
  

• 欢迎关注「前端Q」,认真学前端，做个专业的技术人...

前端Q

本公众号主要分享一些技术圈(前端圈为主)相关的技术文章、工具资源、学习资料、招聘信息及其他有趣的东西...

公众号

点个在看支持我吧