JS中比Switch...Case更优雅的多条件判断写法
前言
前几天,本人负责编写网站上线的环境判断功能,其中涉及到大量多条件判断的code。对于多条件判断写法,大部分程序员都是采用if...else if...else或者switch...case的写法,但是有一种多条件判断写法,比传统写法更加有趣且优雅——对象属性判断法。
实例展示
废话不多说了,下面直接用三个实例,给大家分别展示三种不同的多条件判断写法。
1. if...else if...else
function whatFood(mealtime) { let food = ''; if (mealtime === 'breakfasttime') { food = 'egg'; } else if (mealtime === 'lunchtime') { food = 'vegetable' } else if (mealtime === 'dinnertime') { food = 'fruit' } else { food = 'cookie' } return food; }
2. switch...case
function whatFood(mealtime) { let food = ''; switch (mealtime) { case 'breakfasttime': food = 'egg'; break; case 'lunchtime': food = 'vegetable'; break; case 'dinnertime': food = 'fruit'; break; default: food = 'cookie'; } return food; }
3. 对象属性判断法
function whatFood(mealtime) { const food = { breakfasttime: 'egg', lunchtime: 'vegetable', dinnertime: 'fruit' } return food[mealtime] ? food[mealtime] : 'cookie'; }
总结
相信你通过上面三个实例,已经看到了不同写法孰优孰劣,如果你有更好的多条件判断写法,欢迎留言讨论,祝工作顺利,生活愉快。
好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。
相关文章
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
提到axios,相信大家应该都不会陌生,这篇文章主要给大家介绍了关于GitHub上77.9K的Axios项目有哪些值得借鉴的地方,需要的朋友可以参考下2021-06-06JavaScript使用Base64编码和Blob对象加密图像url地址
有时候会看到一些网站的图片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,这样的图片加载怎么实现呢?本文讲解在浏览器中JavaScript使用解析Base64编码和Blob对象技术来实现,下面是实现的步骤和相应的示例代码,2023-12-12浅谈javascript的call()、apply()、bind()的用法
这篇文章主要为大家详细介绍了javascript的call()、apply()、bind()的用法,探讨JavaScript中函数的一些特殊用法,感兴趣的小伙伴们可以参考一下2016-02-02
最新评论