JavaScript代碼裡的判斷小結，javascript代碼小結

JavaScript代碼裡的判斷小結，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 Null 字元串('')!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    // 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({}); //trueisEmptyObject({name: 'xzavier'}); false 

推薦一個工具庫underscore，它也有個方法isEmpty(object)

const _ = require('underscore');_.isEmpty({}); // true

&&判斷

用在條件運算式中，規則是：

num1 && num2true  true  truetrue  false  falsefalse  true  falsefalse  false  false

用在語句中，規則是 ：

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 || num2true  true   truetrue  false  truefalse  true   truefalse  false  false

用在語句中，規則是：

     如果第一個運運算元的布爾值為true，則返回第一個運運算元的值，且不再對第二個運運算元求值

     如果第一個運運算元的布爾值為false，則返回第二個運運算元的值

||運算子一般在業務代碼中做條件運算式判斷和容錯處理，我們在取資料時取不到的情況下，又不能影響後面的業務代碼，就需要進行容錯。||就是一個非常好的容錯寫法，相當於提供一個備用資料。

var data = undefined || backup_data; //請求出錯，資料為undefined時，就去備用資料backup_data

三目判斷

規則：

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

如果第一個運算式的布爾值為true，則返回第二個運算式的值，否則返回第三個運算式的值。

總結

以上就是為大家整理JavaScript代碼裡的判斷的全部內容個，希望本文的內容對大家使用Javascript能有所協助。