==和===的区别,被坑的一天

在 JavaScript 中,===== 都用于比较两个值,但它们有一个重要的区别:

1. == (宽松相等运算符)

== 进行比较时,会 自动类型转换(也叫做强制类型转换),即如果比较的两个值的类型不同,JavaScript 会尝试将它们转换成相同的类型,再进行比较。

2. === (严格相等运算符)

=== 进行比较时 不会进行类型转换 ,也就是说,只有当两个值 类型相同且值相等 时,=== 才返回 true

举个例子:

1. 使用 == 时的情况(类型转换):
复制代码
javascript


复制代码
console.log(1 == '1');  // true
  • 1 是数字类型,'1' 是字符串类型。

  • == 会尝试将字符串 '1' 转换为数字 1,然后比较 1 == 1,结果为 true

    javascript

    复制代码
    console.log(false == 0); // true

  • false 是布尔值,0 是数字。

  • == 会把 false 转换为 0,然后比较 0 == 0,结果为 true

2. 使用 === 时的情况(不进行类型转换):
复制代码
javascript


复制代码
console.log(1 === '1');  // false
  • 1 是数字类型,'1' 是字符串类型。

  • === 不会进行类型转换,直接比较 1'1',因为它们的类型不同,所以结果为 false

    javascript

    复制代码
    console.log(false === 0); // false

  • false 是布尔值,0 是数字类型。

  • === 不会进行类型转换,直接比较 false0,因为它们的类型不同,所以结果为 false

总结:

  • == 会进行 类型转换,如果值可以转换成相同类型,它们就会被认为是相等的。
  • === 不会进行类型转换,只有 类型和值都相等 时,结果才为 true

因此,为了避免潜在的错误和不可预期的结果,推荐使用 ===,即严格相等运算符,这样比较更为准确和清晰。

讲讲今天:

代码:

javascript 复制代码
computed: {
			selectedDurationLabel() {
				const option = this.durationOptions.find(option => option.value === this.room.duration);
				return option ? option.label : '选择起订时长';
			}
		},

功能:

在点击编辑的时候,起订时长那显示原先存的值,

实现:

我在这里有一个判断,拿原先存的值去和我的durationOptions去比较,如果找到一样的,那么就给他返回该值,可以做到默认显示的效果

遇到的问题:

这里一直都是显示:选择起订时长,并没有达到我要的效果,然后我想办法测试了一下,尝试分别输出这两个值,发现,这两个值在控制台上颜色不一样,突然就想到会不会是因为这个原因引起的(因为颜色不一样肯定字段类型也不一样)

然后就解决这个问题了(类型转换一下或者改为==就好)

相关推荐
非ban必选3 分钟前
spring-ai-alibaba官方 Playground 示例
java·人工智能·spring
一粒沙白猫6 分钟前
Java综合练习04
java·开发语言·算法
凌辰揽月13 分钟前
8分钟讲完 Tomcat架构及工作原理
java·架构·tomcat
笑醉踏歌行19 分钟前
idea应用代码配色网站
java·ide·intellij-idea
一入JAVA毁终身22 分钟前
处理Lombok的一个小BUG
java·开发语言·bug
gjh120833 分钟前
Easy-excel监听器中对批量上传的工单做错误收集
java·spring boot
红衣女妖仙36 分钟前
JXLS 库导出复杂 Excel
java·excel·jxls·java 导出 excel
Hellyc43 分钟前
JAVA八股文:异常有哪些种类,可以举几个例子吗?Throwable类有哪些常见方法?
java·开发语言
要开心吖ZSH1 小时前
《Spring 中上下文传递的那些事儿》Part 2:Web 请求上下文 —— RequestContextHolder 与异步处理
java·spring
西岭千秋雪_1 小时前
Redis缓存架构实战
java·redis·笔记·学习·缓存·架构