JavaScript 全等与不等于运算符详解:===、!==、==与!=的区别

作者:清欢

时间:2026-10-24

浏览:575

本文详细解析JavaScript中全等(===、!==)与等于(==、!=)运算符的核心区别。全等运算符不进行类型转换,直接比较值与类型;等于运算符则遵循强制类型转换规则,涉及布尔转数值、字符串转数值及对象valueOf调用等机制。文章还涵盖null、undefined及NaN的特殊比较行为,帮助开发者准确掌握相等性判断逻辑。

文章目录

全等和不全等

全等和不全等操作符用于比较符号两侧的操作数。以全等为例,若操作数完全一致则返回true,否则返回false。其核心特征在于比较时不进行任何操作数类型的转换,即在保持原始类型的前提下直接进行值与类型的双重比对。

全等

符号:===


let str1="1"
let str2=1
console.log(str1===str2)		//false

不全等

符号:!==


let str1="1"
let str2=1
console.log(str1!==str2)		//true

相等和不相等

相等和不相等操作符同样用于比较两个操作数,以相等为例,若满足相等条件则返回true,否则返回false。与全等和不全等的显著区别在于:相等和不相等操作符会先对操作数执行强制类型转换,待转换完成后再进行数值或字符串的比较。

相等

符号:==


let str1="1"
let str2=1
console.log(str1==str2)		//true
console.log(str1===str2)	//false

let flag=true
let num=1
console.log(flag==num)		//true
console.log(flag===num)		//false

不相等

符号:!=


let str1="1"
let str2=1
let str3="hello"
console.log(str1!=str2)		//false   先是类型转换,之后进行比较
console.log(str1!==str2)	 //true	  对于全等操作福这两个操作数不进行强制类型转换,自然就不全等	
console.log(str2!=str3)		//true	  
console.log(str2!==str3)	  //true

对于相等和不相等操作符对操作数进行强制类型转换的规则如下:

布尔值会直接转换成数值进行比较:false:0;true:1

字符串遇到数值则会转换为数值再进行比较

对于对象,如果两个操作数都是对象则比较二者是否为同一个对象,如果两个操作数指向同一个对象则返回true,否则返回false。如果其中的一个操作数为对象则会调用valueOf方法取到原始值,之后再进行比较(按照上述规则)


const p = new Object('zhangsan')	//相当于const p=new String('zhangsan')
console.log(p.valueOf() == 'zhangsan')	//true
console.log(p == 'zhangsan')	//true

const p1={name:'zhangsan'}
let   p2=p1
console.log(p1==p2)		//true
p2={}
console.log(p1==p2)		//false

对于null和undefined,null和undefined是相等的,但是无论和谁比较,他们都不会被强转。


console.log(null==undefined)		//true
console.log(null===undefined)		//false		对于全等返回结果依然是false

对于NaN,NaN不等于任何值包括他自己。涉及到操作符是NaN的比较,只要是相等操作符则返回false,不相等则返回true


console.log(NaN==NaN)	//false
console.log(NaN!='')	//true
console.log(NaN!=1)	//true
console.log(NaN!={})	//true

到此这篇关于JS中的全等和不全等、等于和不等于的文章就介绍到这了,更多相关js 全等和不全等、等于和不等于内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章