Vue 中 == 和 ===、&& 、|| 等操作符的用法

---

常用的操作符

&&

两边条件都为 true 时，结果才为 true；
如果有一个为 false，结果就为 false；
当第一个条件为 false 时，就不再判断后面的条件

	
1
2
3

||

只要有一个条件为 true 时，结果就为 true；
当两个条件都为 false 时，结果才为 false；
当一个条件为 true 时，后面的条件不再判断

	
1

!=

! 取反运算符，用来比较或者判断两者是否不相等(两变量的值)

value 为 false，!value 为 rue；
value 为 true，!value 为 false。

	
1

==

==操作符只要求比较两个变量的值是否相等

	
<template>
    <div>
        657=='657' {{ 657=='657' }}   // true
        <br/>
        657==='657' {{ 657==='657' }}	// false
    </div>
</template>
1
2
3
4
5
6
7
8

===

===操作符则是要求两个变量的值和类型都要相同

对于特殊值 NaN（Not a Number），表示非数字，NaN 和任何数（包括它自己）做相等比较，都会返回 false，所以判断 NaN 最好用 isNaN() 函数；而对于 undefined 和 null，两者的值相比较，会返回 true。

	NaN == 6; 			// 返回 false
	NaN === NaN; 		// 返回 false
	null == undefined; 	// 返回 true
	null === undefined; // 返回 false
	
1
2
3
4
5
6

• 否则会被当成字符串 true 和字符串 657。

总结

&& ：且(表示为真时执行)
|| ：或(表示为假时执行)
！ ：反向评定(取反运算符，!= 表示为不等于)
== ：用来比较或者判断两者是否相等(两变量的值)，比较时可以自动转换数据类型；
=== ：用来较为严格的比较，除判断数据是否相等外，还会判断两者数据类型是否相同(两变量的值和类型)，如不相同则不会转换数据类型，结果返回 false。

---

Note:
欢迎点赞，留言，转载请在文章页面明显位置给出原文链接
知者，感谢您在茫茫人海中阅读了我的文章
没有个性 哪来的签名！
详情请关注点我
持续更新中

扫一扫 有惊喜！