JavaScript之“==”和“===”

 == 和 === 都是比较运算符。它们有什么区别？

===

• 如果类型不同，就一定不相等。
• 如果两边都是数值，且值相等，则返回true （NaN 除外。）
• 字符串、布尔类型相等，对比值相等，则相等。
• 如果引用同一个对象或数组，则相等，否则不等。
• 如果两个都是null 或undefined 则相等，否则不等。

NaN属性用来表示非数字的字符,只能用方法isNaN()判断。因为每个NaN都不同。

==

• 如果类型相同，则规则与“===”已知，比较值是否相同。
• 如果类型不同，也有可能相等。
  • 如果一个为null,一个为undfined，两个值相等。
  • 如果一个是字符串，一个是数值，把字符串转换为数值后再比较。

根据以上的规则，举例子，以便于理解。

// 变量类型相同
console.log(false == false); // true(布尔类型)
console.log(false == false); // true(布尔类型)
console.log(1 == 1); // true(数字类型)
console.log(1 === 1); // true(数字类型)
console.log("hello" == "hello"); // true(字符串) 
console.log("hello" === "hello"); // true(字符)
// 变量类型相同-（对象或数组、方法）
var arr1 = [1, 2, 3, 4, 5];
var arr2 = [1, 2, 3, 4, 5];
var arr3 = arr1;
console.log("同一个数组=>", arr1 == arr3); // true (同一个数组，返回true)
console.log("同一个数组=>", arr1 === arr3); // true (同一个数组，返回true)
console.log("不同数组=>", arr1 == arr2); // false (不同数组，值相同，返回false)
console.log("不同数组=>", arr1 === arr2); // false (不同数组，是相同，返回false)
// null 和undefined
console.log(null == null); // true 
console.log(null === null); // true 
console.log(undefined == undefined); // true 
console.log(undefined === undefined); // true 
console.log(null == undefined); // true 
console.log(null === undefined); // false
var a; // 声明值，初始化为undefined
var b; // 声明值，初始化为undefined
console.log(a == b);
console.log(a === b);

// 变量类型不同
console.log(5 == "5"); // true （变量类型不同，转换为相同的比较）
console.log(5 === "5"); // false (变量类型不同，则值不同)
// NaN——非数字字符
console.log(NaN == NaN); // false
console.log(NaN === NaN); // false

参考网址

• https://www.cnblogs.com/nelson-hu/p/7922731.html