优化 JS 条件语句的 5 个技巧

在使用 JavaScript 时,我们会处理很多条件语句,这里有 5 个技巧可以帮助您编写更好、更简洁的条件语句。

1、对多个条件使用 Array.includes

让我们看看下面的例子:
在这里插入图片描述
乍一看,上面的例子看起来不错。然而,如果还有更多红颜色的水果需要判断呢,比如樱桃和小红莓,我们要用更多的 || 来扩展这个表述吗?

我们可以用 Array.includes 重写上面的条件
在这里插入图片描述
我们将红色水果(条件)提取到一个数组中。这样做之后,代码看起来更整洁。

2、更少的嵌套,尽早返回

让我们扩展前面的示例,以包含另外两个条件:

· 如果没有提供水果(名称),抛出错误。
· 如果(红色水果)数量超过 10 个,接受并打印。

看看上面的代码,我们有:

· 1 组过滤无效条件的 if/else 语句
· 3层的 if 嵌套语句(条件 1、2 和 3)

我个人遵循的一般规则是,当发现无效条件时,提前返回。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值