JavaScript代碼里的判斷小結(jié)
比較判斷
比較判斷是比較兩個值，返回一個布爾值，表示是否滿足比較條件。JavaScript一共提供了8個比較運算符，這里主要說一下嚴格相等運算符和相等運算符的區(qū)別
嚴格相等運算符===
判斷 返回
兩個值類型不同 false
兩個值都是null/undefined/true/false true
兩個值其中之一為NaN false
兩個值都為數(shù)值且值相等 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
var v1 = {};
var v2 = v1; //兩個值引用同一個對象
v1 === v2 // true
嚴格相等運算符有一個對應(yīng)的嚴格不相等運算符（!==），兩者的運算結(jié)果正好相反
相等運算符==
if 相等運算符比較相同類型的數(shù)據(jù)時，同嚴格相等運算符
else if 相等運算符比較不同類型的數(shù)據(jù)時：
原始類型的數(shù)據(jù)會轉(zhuǎn)換成數(shù)值類型，把字符串和布爾值都轉(zhuǎn)為數(shù)值，再進行比較
null == undefined 返回true
一個是對象，另一個是數(shù)字或者字符串，把對象轉(zhuǎn)成基本類型值再比較
else false
123 == 123; //true
'123' == 123; //true，'123'會轉(zhuǎn)成成數(shù)值123
false == 0; //true，false 轉(zhuǎn)成數(shù)值就是0
'a' == 'A'; //false，轉(zhuǎn)換后的編碼不一樣
123 == {}; //false，執(zhí)行toString()或valueOf()會改變
123 == NaN; //false，只要有NaN，都是false
{} == {}; //false，比較的是他們的地址，每個新創(chuàng)建對象的引用地址都不同
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
相等運算符有一個對應(yīng)的不相等運算符（!=），兩者的運算結(jié)果正好相反
!!判斷
!!相當(dāng)于Boolean，寫代碼時用!!轉(zhuǎn)化為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
!判斷
取反運算符 ! 用于將布爾值變?yōu)橄喾粗?，即true變成false，false變成true。對于非布爾值的數(shù)據(jù)，取反運算符會自動將其轉(zhuǎn)為布爾值。規(guī)則是，以下六個值取反后為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
[]和{}判斷
對于[]和{}，我們在業(yè)務(wù)代碼中肯定會對其做判斷，如上
!!{}; // true
!!{name:'xz'} // true
!![]; // true
!![1,2,3]; // true
不能用!!和!做判斷，對于數(shù)組，我們用它的length屬性做判斷
[].length // 0 false [1,2,3].length // 3 true
對象的話，可以采用jQuery的方法$.isEmptyObject(obj) ，也可以js封裝一個方法，就模仿jQuery 寫一個
function isEmptyObject(obj) {
var name;
for ( name in obj ) {
return false;
}
return true;
}
isEmptyObject({}); //true
isEmptyObject({name: 'xzavier'}); false
推薦一個工具庫underscore，它也有個方法isEmpty(object)
const _ = require('underscore');
_.isEmpty({}); // true
&&判斷
用在條件表達式中，規(guī)則是：
num1 && num2 true true true true false false false true false false false false
用在語句中，規(guī)則是 ：
result = expression1 && expression2
如果expression1的計算結(jié)果為false，則result為expression1。否則result為expression2
(1 - 1) && ( x += 1) // 0 (2 > 1) && ( 5 + 5) // 10 (2 + 1) && ( 5 + 5) // 10
||判斷
用在條件表達式中，規(guī)則是：
num1 || num2 true true true true false true false true true false false false
用在語句中，規(guī)則是：
如果第一個運算子的布爾值為true，則返回第一個運算子的值，且不再對第二個運算子求值
如果第一個運算子的布爾值為false，則返回第二個運算子的值
||運算符一般在業(yè)務(wù)代碼中做條件表達式判斷和容錯處理，我們在取數(shù)據(jù)時取不到的情況下，又不能影響后面的業(yè)務(wù)代碼，就需要進行容錯。||就是一個非常好的容錯寫法，相當(dāng)于提供一個備用數(shù)據(jù)。
var data = undefined || backup_data; //請求出錯，數(shù)據(jù)為undefined時，就去備用數(shù)據(jù)backup_data
三目判斷
規(guī)則：
condition ? expression1 : expression2;
function absN(xzavier) {
return xzavier > 0 ? xzavier : -xzavier;
}
absN(-123); //123
absN(123); //123
如果第一個表達式的布爾值為true，則返回第二個表達式的值，否則返回第三個表達式的值。
總結(jié)
以上就是為大家整理JavaScript代碼里的判斷的全部內(nèi)容個，希望本文的內(nèi)容對大家使用Javascript能有所幫助。
相關(guān)文章
JavaScript用二分法查找數(shù)據(jù)的實例代碼
本篇文章主要介紹了JavaScript用二分法查找數(shù)據(jù)的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
JS+CSS實現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式
這篇文章主要為大家詳細介紹了JS+CSS實現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式,文中的示例代碼講解詳細,具有一定的參考價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
這篇文章主要介紹了JavaScript 獲取滾動條位置并將頁面滑動到錨點的的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下2021-02-02
由于網(wǎng)盤不穩(wěn)定,很多時候文件提示找不到，幸好U盤里存了. 喜歡這3個風(fēng)格的朋友們別在PM我啦.....我把文件傳到我服務(wù)器上了..2008-07-07
JavaScript的面向?qū)ο?一)...2006-11-11
js中定義函數(shù)的方式有多種，函數(shù)直接量就是其中一種。如var fun = function(){},這里function如果不賦值給fun那么它就是一個匿名函數(shù)。2009-06-06
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)文字循環(huán)滾動動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)模態(tài)框的拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript作用域、閉包、對象與原型鏈概念及用法實例總結(jié)
這篇文章主要介紹了JavaScript作用域、閉包、對象與原型鏈,結(jié)合實例形式總結(jié)分析了javascript中變量與函數(shù)的作用域、閉包、對象、原形鏈相關(guān)概念、用法及注意事項,需要的朋友可以參考下2018-08-08
javascript實現(xiàn)uploadify上傳格式以及個數(shù)限制
這篇文章主要介紹了javascript如何限制uploadify上傳格式以及個數(shù)的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2015-11-11