平武建站

如何在JavaScript中使用相等运算符

本篇文章为大家展示了如何在JavaScript中使用相等运算符，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联建站主打移动网站、成都做网站、成都网站设计、网站改版、网络推广、网站维护、域名与空间、等互联网信息服务，为各行业提供服务。在技术实力的保障下，我们为客户承诺稳定，放心的服务，根据网站的内容与功能再决定采用什么样的设计。最后，要实现符合网站需求的内容、功能与设计，我们还会规划稳定安全的技术方案做保障。

1. 操作数类型不同

对比结果是false

1 === "1" // false
true === "true" // false
undefined === true //false
1 === true //false

2.同一类原始类型值

如果两个值都是原始类型值（数字、字符串、布尔值），值相同就返回true，值不同就返回false。

对于原始类型值，要注意的是，0和-0是相等的；如果两个值是字符串，需要它们在16位编码的相同位置上有相同的值才是相等。如果是不同的16位编码序列，就算有相同的内容，相同的长度，结果也是不相等。

'1' === '0' //false
1 === 0x1 // true

3.同是对象

如果两个值是对象（数组、函数、对象、Symbol），对于两个对象比较的是引用，如果引用指向的是不同的对象，则结果是不相等。

{} === {} // false
[] === [] // false
(function () {} === function () {}) // false

var v1 = {};
var v2 = v1; //v2和v1指向同一个引用地址
v1 === v2 // true 

// 没有参数的情况
let s1 = Symbol();
let s2 = Symbol();

s1 === s2 // false

// 有参数的情况
let s1 = Symbol('foo');
let s2 = Symbol('foo');
let s3 = s1;
s1 === s2 // false
s1 === s2 // true

4. null和undefined

如果两个值都是null或者都是undefined，结果是true

null === null //true
undefined === undefined //true

5.NaN

如果两个值都是NaN，结果是false

NAN === NAN //false

NaN和任何数字都不相等，包括它自身

相等运算符

1. 值的类型相同

应用严格相等运算符转换规则的值类型相同规则（除：操作数类型不同）。

2.不同原始类型值

如果是不同原始类型值（数字、字符串、布尔值）进行比较，将非数字类型转换成数字，再进行比较。

0 == undefined //false
// 等同于 0 == Number(undefined)
// 等同于0 == NAN

0 == null //false
// 等同于 0 == Number(null)

1 == true // true
// 等同于 1 == Number(true)

'true' == true // false
// 等同于 Number('true') == Number(true)
// 等同于 NaN === 1

'' == 0 // true
// 等同于 Number('') == 0
// 等同于 0 == 0

'1' == true // true
// 等同于 Number('1') == Number(true)
// 等同于 1 == 1

'\n 123 \t' == 123 // true
// 因为字符串转为数字时，省略前置和后置的空格

3. 对象和原始类型值

如果其中一个操作数是对象，另外一个是原始类型值（数字、字符串、布尔值），按如下规则转：

  • 将对象转换成原始类型值

  • 转换后的原始类型值与另一个操作数的类型一样，使用值类型相同的规则

  • 如果不一样，将非数字类型转换成数字再进行比较。

例1：对象对比数字

[1] == 1 //true

解析：

a. [1]先转换成原始值"1"；

b. 转换后与右边的操作数1类型不一样，将"1"转换成1；

c. 1 == 1 结果是true

例2：对象对比字符串

[1] == "1"

解析：

a. [1]先转换成原始值"1"；

b. 转换后与右边的操作数"1"类型一样，"1"=="1"，结果是true；

例3：对象对比布尔值

[1] == true

解析：

a. [1]先转换成原始值"1"；

b. 转换后与右边的操作数true类型不一样，将右边的操作数true转换成1；

c. 1 == 1结果是true

4. null和undefined

如果其中一个值是null，另外一个是undefined，结果是相等

null == undefined

对象转换为原始类型规则

比较操作符的操作数可能是任意类型，然而只有数字和字符串才能真正执行比较操作，因此那些不是数字和字符串的类型都将进行类型转换。转换的规则如下：

  1. 如果对象类型是Date，会调用该对象的toString()；

  2. 其他情况下，如果valueOf()返回的是原始类型，会调用对象的valueOf()；

  3. 其他情况下（如果valueOf()不存在或没有返回原始类型），会调用toString()方法，大部分情况下是用的这种转换。

  4. 如果没有toString()方法，则抛出一个类型异常错误

上面的规则只是应用于+、==、!=中涉及到的对象转为原始类型的转换规则，如果是> ,< 等其他运算符涉及的转换，转换规则中除去日期对象的特殊情况，其他是一样的，也就是说规则是下面这样的：

  1. 其他情况下，如果valueOf()返回的是原始类型，会调用对象的valueOf()；

  2. 其他情况下（如果valueOf()不存在或没有返回原始类型），会调用toString()方法，大部分情况下是用的这种转换。

  3. 如果没有toString()方法，则抛出一个类型异常错误

上述内容就是如何在JavaScript中使用相等运算符，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。


分享文章：如何在JavaScript中使用相等运算符
本文路径：http://pwwzsj.com/article/igcsjd.html

其他资讯