JavaScript代码里的判断小结

前端之家收集整理的这篇文章主要介绍了JavaScript代码里的判断小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

比较判断

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

严格相等运算符===

1 === "1" // false
true === true // true
undefined === undefined // true
null === null // true
1 === 1 // true
NaN === NaN // false
+0 === -0 // true
({} === {}) // false
[] === [] // false
(function (){} === function (){}) // false
var v1 = {};
var v2 = v1; //两个值引用同一个对象
v1 === v2 // true

严格相等运算符有一个对应的严格不相等运算符(!==),两者的运算结果正好相反

相等运算符==

123 == 123; //true
'123' == 123; //true,'123'会转成成数值123
false == 0; //true,false 转成数值就是0
'a' == 'A'; //false,转换后的编码不一样
123 == {}; //false,执行toString()或valueOf()会改变
123 == NaN; //false,只要有NaN,都是false
{} == {}; //false,比较的是他们的地址,每个新创建对象的引用地址都不同

null == undefined //true
'NaN' == NaN //false
123 == NaN //false
NaN == NaN //false
false == 0 //true
true == 1 //true
true == 2 //false
undefined == 0 //false
null == 0 //false
'123' == 123 //true
'123' === 123 //false

相等运算符有一个对应的不相等运算符(!=),两者的运算结果正好相反

!!判断

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

!判断

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

包括+0和-0) NaN 空字符串('')

!undefined // true
!null // true
!false // true
!0 // true
!NaN // true
!"" // true
!54 // false
!'hello' // false
![] // false
![1,3] // false
!{} // false
!{name:'xz'} // false

[]和{}判断

对于[]和{},我们在业务代码中肯定会对其做判断,如上

不能用!!和!做判断,对于数组,我们用它的length属性做判断

对象的话,可以采用jQuery的方法$.isEmptyObject(obj) ,也可以js封装一个方法,就模仿jQuery 写一个

推荐一个工具库underscore,它也有个方法isEmpty(object)

score'); _.isEmpty({}); // true

&&判断

用在条件表达式中,规则是:

用在语句中,规则是 :

如果expression1的计算结果为false,则result为expression1。否则result为expression2

1) && ( 5 + 5) // 10 (2 + 1) && ( 5 + 5) // 10

||判断

用在条件表达式中,规则是:

用在语句中,规则是:

如果第一个运算子的布尔值为true,则返回第一个运算子的值,且不再对第二个运算子求值

如果第一个运算子的布尔值为false,则返回第二个运算子的值

||运算符一般在业务代码中做条件表达式判断和容错处理,我们在取数据时取不到的情况下,又不能影响后面的业务代码,就需要进行容错。||就是一个非常好的容错写法,相当于提供一个备用数据。

三目判断

规则:

function absN(xzavier) {
return xzavier > 0 ? xzavier : -xzavier;
}
absN(-123); //123
absN(123); //123

如果第一个表达式的布尔值为true,则返回第二个表达式的值,否则返回第三个表达式的值。

总结

以上就是为大家整理JavaScript代码里的判断的全部内容个,希望本文的内容对大家使用Javascript能有所帮助。

原文链接:https://www.f2er.com/js/46405.html

猜你在找的JavaScript相关文章