JavaScript代码里的判断小结

比较判断

比较判断是比较两个值，返回一个布尔值，表示是否满足比较条件。JavaScript一共提供了8个比较运算符，这里主要说一下严格相等运算符和相等运算符的区别

严格相等运算符===

    判断            返回两个值类型不同            false两个值都是null/undefined/true/false true   两个值其中之一为NaN         false两个值都为数值且值相等         true两个值都为字符串，且值相等       true两个值都指向同一个引用类型       true1 === "1" // falsetrue === true // trueundefined === undefined // truenull === null // true1 === 1 // trueNaN === NaN // false+0 === -0 // true({} === {}) // false[] === [] // false(function (){} === function (){}) // falsevar v1 = {};var v2 = v1; //两个值引用同一个对象v1 === v2 // true

严格相等运算符有一个对应的严格不相等运算符（!==），两者的运算结果正好相反

相等运算符==

if 相等运算符比较相同类型的数据时，同严格相等运算符else if 相等运算符比较不同类型的数据时：原始类型的数据会转换成数值类型，把字符串和布尔值都转为数值，再进行比较null == undefined 返回true一个是对象，另一个是数字或者字符串，把对象转成基本类型值再比较else false123 == 123; //true'123' == 123; //true，'123'会转成成数值123false == 0; //true，false 转成数值就是0'a' == 'A'; //false，转换后的编码不一样123 == {}; //false，执行toString()或valueOf()会改变123 == NaN; //false，只要有NaN，都是false{} == {}; //false，比较的是他们的地址，每个新创建对象的引用地址都不同null == undefined //true'NaN' == NaN //false123 == NaN //falseNaN == NaN //falsefalse == 0 //truetrue == 1 //truetrue == 2 //falseundefined == 0 //falsenull == 0 //false'123' == 123 //true'123' === 123 //false

相等运算符有一个对应的不相等运算符（!=），两者的运算结果正好相反

!!判断

!!相当于Boolean，写代码时用!!转化为Boolean类型做判断非常好用

!!'xzavier';  // true!!'';     // false!!'0';     // true!!'1';     // true!!'-1'     // true!!0      // false!!undefined  // false!!null     // false!!NaN     // false!!{};     // true!!{name:'xz'} // true!![];     // true!![1,2,3];   // true!!true;    // true

!判断

取反运算符 ! 用于将布尔值变为相反值，即true变成false，false变成true。对于非布尔值的数据，取反运算符会自动将其转为布尔值。规则是，以下六个值取反后为true，其他值取反后都为false

undefined null false 0(包括+0和-0) NaN 空字符串('')!undefined  // true!null     // true!false    // true!0      // true!NaN     // true!""      // true  !54      // false!'hello'   // false![]      // false![1,2,3]   // false!{}      // false!{name:'xz'} // false