JavaScript代码里的判断小结
比较判断
比较判断是比较两个值，返回一个布尔值，表示是否满足比较条件。JavaScript一共提供了8个比较运算符，这里主要说一下严格相等运算符和相等运算符的区别
严格相等运算符===
判断返回
两个值类型不同false
两个值都是null/undefined/true/falsetrue
两个值其中之一为NaNfalse
两个值都为数值且值相等true
两个值都为字符串，且值相等true
两个值都指向同一个引用类型true
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
varv1={};
varv2=v1;//两个值引用同一个对象
v1===v2//true
严格相等运算符有一个对应的严格不相等运算符（!==），两者的运算结果正好相反
相等运算符==
if相等运算符比较相同类型的数据时，同严格相等运算符
elseif相等运算符比较不同类型的数据时：
原始类型的数据会转换成数值类型，把字符串和布尔值都转为数值，再进行比较
null==undefined返回true
一个是对象，另一个是数字或者字符串，把对象转成基本类型值再比较
elsefalse
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类型做判断非常好用
!!'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
undefinednullfalse0(包括+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
[]和{}判断
对于[]和{}，我们在业务代码中肯定会对其做判断，如上
!!{};//true
!!{name:'xz'}//true
!![];//true
!![1,2,3];//true
不能用!!和!做判断，对于数组，我们用它的length属性做判断
[].length//0false [1,2,3].length//3true
对象的话，可以采用jQuery的方法$.isEmptyObject(obj)，也可以js封装一个方法，就模仿jQuery写一个
functionisEmptyObject(obj){
varname;
for(nameinobj){
returnfalse;
}
returntrue;
}
isEmptyObject({});//true
isEmptyObject({name:'xzavier'});false
推荐一个工具库underscore，它也有个方法isEmpty(object)
const_=require('underscore');
_.isEmpty({});//true
&&判断
用在条件表达式中，规则是：
num1&&num2 truetruetrue truefalsefalse falsetruefalse falsefalsefalse
用在语句中，规则是：
result=expression1&&expression2
如果expression1的计算结果为false，则result为expression1。否则result为expression2
(1-1)&&(x+=1)//0 (2>1)&&(5+5)//10 (2+1)&&(5+5)//10
||判断
用在条件表达式中，规则是：
num1||num2 truetruetrue truefalsetrue falsetruetrue falsefalsefalse
用在语句中，规则是：
如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值
如果第一个运算子的布尔值为false，则返回第二个运算子的值
||运算符一般在业务代码中做条件表达式判断和容错处理，我们在取数据时取不到的情况下，又不能影响后面的业务代码，就需要进行容错。||就是一个非常好的容错写法，相当于提供一个备用数据。
vardata=undefined||backup_data;//请求出错，数据为undefined时，就去备用数据backup_data
三目判断
规则：
condition?expression1:expression2;
functionabsN(xzavier){
returnxzavier>0?xzavier:-xzavier;
}
absN(-123);//123
absN(123);//123
如果第一个表达式的布尔值为true，则返回第二个表达式的值，否则返回第三个表达式的值。
总结
以上就是为大家整理JavaScript代码里的判断的全部内容个，希望本文的内容对大家使用Javascript能有所帮助。