includes()的使用场景和作用。

本文介绍如何通过JavaScript的includes()方法在逻辑判断中,避免冗长的条件语句,以更简洁的方式根据不同状态执行相应操作,以实例说明在处理周期性任务如餐饮选择中的应用,并探讨其在复杂情境下的优势,如月度活动安排。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

学习

includes() 方法用于判断字符串是否包含指定的子字符串,或者判断数组中是否有指定的元素。
例如:[‘hellow’,‘world’].includes(‘hellow’) ,如果数组存在指定元素就会返回true,没有就返回false。

问题:

当在做逻辑判断的时候,发现不同状态下,会执行这个状态对应的操作,如果非常乱的时候,可以使用includes()来判断什么状态下应该执行什么样的操作。

场景:

应用场景:发送请求从后端拿到一个数据(状态),根据这个数据的数据(状态)来进行对应的操作.

	<script>
	/*	
	*/
		var num = 7;//假设这是一个从后端拿到的数据,表示星期几
		
		if([1,3,5].includes(num)){//如果星期一、三、五吃饭堂
			console.log('吃饭堂');
		}
		else if([2,4,6].includes(num)){//如果星期二、四、六吃外卖
			console.log('吃外卖');
		}
		else{console.log('吃大餐');}//其他的就是星期日吃大餐

	</script>
</html>

总结:

假设num是一个状态,根据这个状态来执行不同的操作。上述例子是比较简单的情况,毕竟一周只有七天,但是如果是月呢?如果一个月30天,不同的日子吃什么。这种情况下如果写逻辑判断||的话就要写很多,而使用includes可以写出更加简洁的代码(优雅)。
。。。有的人会想switch不也可以实现吗?当然可以,喜欢就好。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值