JavaScript里面==和===以及!=和!===的区别

本文详细解析了JavaScript中==和===的用法,包括它们如何进行类型转换及比较,以及在不同场景下的应用。通过具体实例,帮助开发者准确理解和使用这两个运算符。

== equality 等同,=== identity 恒等。

==, 两边值类型不同的时候,要先进行类型转换,再比较。 
===,不做类型转换,类型不同的一定不等。 

下面分别说明: 
先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等: 
1、如果类型不同,就[不相等] 
2、如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断) 
3、如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。 
4、如果两个值都是true,或者都是false,那么[相等]。 
5、如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。 
6、如果两个值都是null,或者都是undefined,那么[相等]。 
再说 ==,根据以下规则: 
1、如果两个值类型相同,进行 === 比较。 
2、如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较: 
a、如果一个是null、一个是undefined,那么[相等]。 
b、如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。 
c、如果任一值是 true,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。 
d、如果一个是对象,另一个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。 js核心内置类,会尝试valueOf先于toString;例外的是Date,Date利用的是toString转换。非js核心的对象,令说(待我继续查资料) 
e、任何其他组合,都[不相等]。 

举例: 
"1" == true 
类型不等,true会先转换成数值 1,现在变成 "1" == 1,再把"1"转换成 1,比较 1 == 1, 相等。 

= 赋值运算符 
== 等于 
=== 严格等于 
例: 
var a = 3; 
var b = "3"; 

a==b 返回 true 
a===b 返回 false 

因为a,b的类型不一样 

===用来进行严格的比较判断

下面区别!=和!==

!=是不严格的不等判断而!==是严格的不等判断;例如:

<script> 
var a=1; 
var b='1'; 
if(a!=b) 
alert(true); 
else 
alert(false); 
</script> 
<script>
var a=1;
var b='1';
if(a!=b)
alert(true);
else
alert(false);
</script>

显示为false
而下面的代码

<script> 
var a=1; 
var b='1'; 
if(a!==b) 
alert(true); 
else 
alert(false); 
</script> 
<script>
var a=1;
var b='1';
if(a!==b)
alert(true);
else
alert(false);
</script>

显示为true




帮我优化代码 <div v-for="(item, index) in gunStatusData" :key="index" class="gun-btn" > <el-badge v-if="item.machineOrderInfoVoList && item.machineOrderInfoVoList.length > 0" :value="item.machineOrderInfoVoList ? item.machineOrderInfoVoList.length : 0" class="badge" > <el-button plain size="mini" :class="{ 'fc-06B045':item.oilName.includes('甲醇') && (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), 'fc-E6A23C':item.oilName.includes('CNG')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), 'bc-06B045':item.oilName.includes('甲醇')&& (searchMachineOrder.gunNum === item.oilGunCode && searchMachineOrder.energyType === item.oilId), 'bc-E6A23C':item.oilName.includes('CNG')&& (searchMachineOrder.gunNum === item.oilGunCode && searchMachineOrder.energyType === item.oilId), 'hover-MeOH': item.oilName.includes('甲醇')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), 'hover-CNG': item.oilName.includes('CNG')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), activeStyle: searchMachineOrder.gunNum === item.oilGunCode && searchMachineOrder.energyType === item.oilId, }" @click="getOrderByGun(item)" ><span style="font-size: 18px"> {{ item.oilGunCode }} </span>号枪 <div>{{ item.oilName }}</div></el-button> </el-badge> <el-button v-else plain size="mini" :class="{ 'fc-06B045':item.oilName.includes('甲醇')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), 'fc-E6A23C':item.oilName.includes('CNG')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), 'bc-06B045':item.oilName.includes('甲醇')&& (searchMachineOrder.gunNum === item.oilGunCode && searchMachineOrder.energyType === item.oilId), 'bc-E6A23C':item.oilName.includes('CNG')&& (searchMachineOrder.gunNum === item.oilGunCode && searchMachineOrder.energyType === item.oilId), 'hover-MeOH': item.oilName.includes('甲醇')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), 'hover-CNG': item.oilName.includes('CNG')&& (searchMachineOrder.gunNum !== item.oilGunCode || searchMachineOrder.energyType !== item.oilId), activeStyle: searchMachineOrder.gunNum === item.oilGunCode && searchMachineOrder.energyType === item.oilId, }" @click="getOrderByGun(item)" ><span style="font-size: 18px"> {{ item.oilGunCode }} </span>号枪 <div>{{ item.oilName }}</div></el-button> </div>
最新发布
12-17
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值