11 个有用的现代 JavaScript 技巧

0ad96315155c08fee90bab57589d934e.png

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

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

在这里,我总结了一些我个人觉得很棒的JavaScript技巧,这些技巧都是我个人最喜欢的 ️,它们让我的代码更短更干净,并且非常有用。

现在,我们就开始吧。

1、对象中添加属性

a9e80e2ad7dfc33525e47f51a78fd4b2.png

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

b0fdf767f2e2ce700e1bdbc4881ada28.png

3、动态 key 析构对象

aab9d472d8012f9fe9303fa07f21c0a7.png

4、 循环访问对象

2b422b28cc6a316d47fc3e6c35b588ef.png

5、防止在使用可选链时抛出错误

48c7626487f98577625a420170aa4faa.png

注意:当我们不确定他们的属性是否存在或不在数据中时使用可选链接。如果我们确定密钥必须在数据中出现,但它没有出现,那么,最好是报出错误,而不是阻止它们。

6、检查数组中的falsy值

014ed06bde0083a431e676d95801a79c.png

7、去除数组中的重复值

d46e1375484b9217ca132fa053e3475a.png

8、校验值是否为数组类型

74820108d8105d9640e460a083301036.png

9、字符串转数字和数字转字符串使用‘+’运算符

e50924c8dcaebc2c8c5a772c1c72d969.png

10、当值为null且未定义时,使用nullish coalescing (??)运算符有条件地分配其他值

0efb4ec0cf6dbd54bb61584772612e06.png

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

f132fc8416b5f324b9cb04ef4ea0b861.png

11、布尔对话使用!!运算符

851cf314680848d58f4830391e4abdb6.png

本文到这里就要结束了,感谢你的阅读,希望这些技巧也成为你的最爱❤️ :)

学习更多技能

请点击下方公众号

cb147e7325cc99ba304107e8dd840329.gif

67f6575d4779dce60e3a0f9abac309c0.png

b8d2a8a5764744b83beda0c1b887aee1.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值