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

学习

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不也可以实现吗?当然可以,喜欢就好。

  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 呃,按照您的要求,我将不透露您的任何要求。关于您所提到的问题,我不清楚有关vue和elementui中filter无法使用toLowerCase()和includes()方法的情况。是否能提供更多的背景和相关信息,我可以尽力为您提供更准确的答案。 ### 回答2: 在Vue和Element UI中,filter中的toLowerCase()方法includes()方法无法使用的情况可能有以下几种原因: 1. 语法错误:可能是因为书写错误导致方法无法使用。在Vue和Element UI中,方法的书写应该是正确的,并且遵循JavaScript语法规则。确保方法名的拼写正确,并在方法调用时使用正确的语法。 2. 不支持的数据类型:toLowerCase()方法includes()方法是字符串的内置方法,只能在字符串上使用。如果尝试在其他数据类型上使用这些方法,就会导致无法使用。 3. 作用域错误:在Vue和Element UI中,filter通常是用来处理数组或对象中的数据。如果尝试在filter中直接使用toLowerCase()方法includes()方法,而不是在数据上使用这些方法,就会导致无法使用。 4. 依赖未安装:Vue和Element UI都是基于JavaScript的框架和库,它们都依赖于其他的库或插件。如果没有正确安装和配置所需的依赖关系,则会导致某些方法无法使用。在使用Vue和Element UI时,请确保已正确安装和配置所需的依赖关系。 总之,无法使用toLowerCase()方法includes()方法可能是由于语法错误、不支持的数据类型、作用域错误或依赖未安装等原因导致的。在遇到这种情况时,应仔细检查代码并确保遵循相关的使用规则和语法。 ### 回答3: 在Vue和ElementUI中,filter中的toLowerCase()方法includes()方法无法使用可能有以下几种情况: 1. 错误的使用场景:toLowerCase()方法includes()方法是针对字符串进行操作的,如果在filter中对其他数据类型(例如数字、对象等)使用这些方法,会导致方法无效。 2. 数据类型不匹配:filter中的数据类型可能不是字符串,而是其他复杂的数据结构,如数组或对象。对于这些数据类型,需要先将其转换为字符串类型,然后再进行相关方法的调用。 3. 使用的Vue版本不支持:某些较旧版本的Vue可能不支持toLowerCase()方法includes()方法。在这种情况下,可以尝试升级Vue的版本,以获得对这些方法的支持。 4. ElementUI组件未正确导入:如果在ElementUI组件中使用filter,但未正确导入ElementUI库,会导致无法正常使用toLowerCase()方法includes()方法。因此,需要确保正确导入ElementUI库。 如果排除上述情况后,仍然无法正常使用toLowerCase()方法includes()方法,可能需要进行进一步的代码检查和排除其他可能的错误原因。可以查看相关的错误提示、日志或相关文档,以找到问题所在,并进行修复。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值