浅谈JS中的!=、== 、!==、===的用法和区别

今天在写一段代码的时候死活不生效先放出下面的代码

var checked = value === option.checked ? 'checked' : '';

不生效其中一个应该选择

如果value === option.checked 换成 value == option.checked就实现了，如下图

生效的

郁闷至极所以先做下笔记了解重温一下js中常见的方式

var num = 1; 
  
var str = '1'; 
  
var test = 1; 
  
test == num  //true　相同类型　相同值 
  
test === num //true　相同类型　相同值 
  
test !== num //false test与num类型相同，其值也相同,　非运算肯定是false 
  
num == str  //true 　把str转换为数字，检查其是否相等。 
  
num != str  //false == 的 非运算 
  
num === str //false 类型不同，直接返回false 
  
num !== str //true  num 与 str类型不同 意味着其两者不等　非运算自然是true啦

== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果 。

而

=== 和 !== 只有在相同类型下,才会比较其值。

首先，== 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的类型不一样

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

var data = ({"val":"7","flag":"true"});
<FONT face=Verdana></FONT>

下面需要如何判断flag的值？

因为true加双引号==推测是字符串true

如果不加双引号===就是布尔值true

这个很重要，之前我一直没有搞清楚这一点

写法1

if(data.flag=true){…}else{..}

这样写怎么都是正确的,根本得不到else的值，原因是这种写法相当于

if(true){…}

写法2

if(data.flag==true){…}else{..}

没有这种写法

写法3

if(data.flag='true'){…}else{..}

这样写怎么都是正确的,根本得不到else的值，原因是这种写法相当于

if(true){…}

写法4

if(data.flag=='true'){…}else{..}

这个才是正确的写法

“=”：这个表示赋值，不是表示运算符

“==”：表示等于(值)

“===”：表示全等于（类型和值）

以上就是小编为大家带来的浅谈JS中的!=、== 、!==、===的用法和区别的全部内容了，希望对大家有所帮助