關(guān)系運(yùn)算符

為什么要學(xué)習(xí)關(guān)系運(yùn)算符?
默認(rèn)情況下蝙砌，我們在程序中寫的每一句正確代碼都會被執(zhí)行叉跛。但很多時候松忍，我們想在某個條件成立的情況下才執(zhí)行某一段代碼
這種情況的話可以使用條件語句來完成，但是學(xué)習(xí)條件語句之前筷厘，我們先來看一些更基礎(chǔ)的知識：如何判斷一個條件成不成立鸣峭。

JavaScript中的真假性

在JavaScript中，條件成立稱為“真”敞掘，條件不成立稱為“假”叽掘，因此，判斷條件是否成立就是判斷條件的“真假”玖雁。
在JavaScript已經(jīng)給我們定義好了一個Boolean類型的值, 取值是true和false, true代表真, false代表假
而接下來我們要學(xué)習(xí)的關(guān)系運(yùn)算符它的返回值正好就是Boolean類型的值, 也就是說關(guān)系運(yùn)算符的返回值要么是true,要么是false

關(guān)系運(yùn)算符

在程序中經(jīng)常需要比較兩個量的大小關(guān)系,以決定程序下一步的工作更扁。比較兩個量的運(yùn)算符稱為關(guān)系運(yùn)算符。

簡單示例

    var a, b;
    a = 10;
    b = 10;
    console.log(a > b); // false
    console.log(a < b); // false
    console.log(a >= b); // true
    console.log(a <= b); // true
    console.log(a == b); // true
    console.log(a != b); // false

特殊示例

• 對于非數(shù)值進(jìn)行比較時赫冬，會將其轉(zhuǎn)換為數(shù)字然后在比較

  console.log(1 > true); //false
  console.log(1 >= false); //true
  console.log(1 > "0"); //true
  console.log(1 > null); //true
  

• 如果符號兩側(cè)的值都是字符串時浓镜，不會將其轉(zhuǎn)換為數(shù)字進(jìn)行比較, 而會分別比較字符串中字符的Unicode編碼

• Unicode編碼轉(zhuǎn)換地址

  // a的Unicode編碼是:0061
  // b的Unicode編碼是:0062
  console.log("a" < "b");//true
  
  // 比較多位時則是從前往后一位一位比較
  // 第一位相同比較第二位, 直到比較到不一樣或者結(jié)束為止
  // c的Unicode編碼是:0063
  console.log("ab" < "ac");//true
  

• null、undefined 劲厌、NaN比較

  console.log(null == 0); // false
  console.log(undefined == 0); // false
  // 永遠(yuǎn)不要判斷兩個NaN是否相等
  console.log(NaN == NaN); // false
  
  /*
   * 可以通過isNaN()函數(shù)來判斷一個值是否是NaN
   *    如果該值是NaN則返回true膛薛，否則返回false
   */
  var num = NaN;
  console.log(isNaN(num)); // true
  
  // undefined 衍生自 null, 所以返回true
  console.log(null == undefined); // true;
  console.log(null === undefined); // false;
  
  // == 判斷值是否相等
  // == 會進(jìn)行數(shù)據(jù)類型轉(zhuǎn)換
  console.log("123" == 123); // true
  // === 判斷值和類型時候同時相等
  // === 不會進(jìn)行數(shù)據(jù)類型轉(zhuǎn)換
  console.log("123" === 123); // false
  

練習(xí)

計算下列表達(dá)式的值
3 > 4 + 7
(3>4) + 7
5 != 4 + 2 * 7 > 3 == 10

• Tips: 利用Unicode編碼可以在控制臺和網(wǎng)頁中輸出一些牛逼的符號
  // 在控制臺中直接使用Unicode編碼即可
  console.log("\u2764"); // ?
  // 在網(wǎng)頁中需要以&#開頭, 然后將十六進(jìn)制2764轉(zhuǎn)換為十進(jìn)制

邏輯運(yùn)算符

為什么要學(xué)習(xí)邏輯運(yùn)算符?
有時候，我們需要在多個條件同時成立的時候才能執(zhí)行某段代碼
比如：用戶只有同時輸入了QQ和密碼补鼻，才能執(zhí)行登錄代碼哄啄，如果只輸入了QQ或者只輸入了密碼，就不能執(zhí)行登錄代碼风范。這種情況下咨跌，我們就要借助于JavaScript提供的邏輯運(yùn)算符。

JavaScript中提供了三種邏輯運(yùn)算符:

• &&(與運(yùn)算)
• ||(或運(yùn)算)
• !(非運(yùn)算)

邏輯與

格式: 條件A && 條件B
運(yùn)算結(jié)果:
只有當(dāng)條件A和條件B都成立時硼婿，結(jié)果才為true锌半；其余情況的結(jié)果都為false。因此寇漫，條件A或條件B只要有一個不成立刊殉，結(jié)果都為false
口訣:一假則假

• 邏輯與運(yùn)算過程
  總是先判斷條件A是否成立
  如果條件A成立，接著再判斷條件B是否成立：如果條件B成立州胳，“條件A && 條件B”的結(jié)果就為true记焊，如果條件B不成立，結(jié)果就為false
  如果條件A不成立栓撞，就不會再去判斷條件B是否成立：因?yàn)闂l件A已經(jīng)不成立了亚亲，不管條件B如何結(jié)果肯定是false

//如果兩個值都是true則返回true
var result = true && true;

//只要有一個false，就返回false
result = true && false;
result = false && true;
result = false && false;

• 邏輯與短路現(xiàn)象

  //第一個值為true，會檢查第二個值
  true && alert("這哥們來了０乒椤肛响！");

  //第一個值為false，不會檢查第二個值
  false && alert("這哥們不會來了Ｏ鳌特笋！");

注意點(diǎn):

• 對于非Boolean類型的數(shù)值, 邏輯與會將其悄悄咪咪轉(zhuǎn)換為Boolean類型來判斷
• 如果條件A不成立, 則返回條件A的數(shù)值本身
• 如果條件A成立, 不管條件B成不成立都返回條件B數(shù)值本身

var result =  "123" && "abc";
console.log(result); // "abc"
result =  "123" && 0;
console.log(result); // 0
result =  null && 0;
console.log(result); // null

邏輯或

格式: 條件A || 條件B
運(yùn)算結(jié)果:
當(dāng)條件A或條件B只要有一個成立時（也包括條件A和條件B都成立），結(jié)果就為true巾兆；只有當(dāng)條件A和條件B都不成立時猎物，結(jié)果才為false
口訣:一真為真

• 邏輯或運(yùn)算過程
  總是先判斷條件A是否成立
  如果條件A成立，就不會再去判斷條件B是否成立：因?yàn)闂l件A已經(jīng)成立了角塑，不管條件B如何結(jié)果肯定是1蔫磨，也就是true
  如果條件A不成立，接著再判斷條件B是否成立：如果條件B成立圃伶，“條件A || 條件B”的結(jié)果就為true堤如，如果條件B不成立，結(jié)果就為false

//兩個都是false窒朋，則返回false
var result = false || false;

//只有有一個true搀罢，就返回true
result = true || false;
result = false || true ;
result = true || true ;

• 邏輯或短路現(xiàn)象

  //第一個值為false，則會檢查第二個值
  false || alert("123");

  //第一個值為true侥猩，則不再檢查第二個值
  true || alert("123");

注意點(diǎn):

• 對于非Boolean類型的數(shù)值, 邏輯與會將其悄悄咪咪轉(zhuǎn)換為Boolean類型來判斷
• 如果條件A不成立, 則不管條件B成不成立都返回條件B數(shù)值本身
• 如果條件A成立, 則返回條件A的數(shù)值本身

var  result =  null || 0;
console.log(result); // 0

result =  "123" || "abc";
console.log(result); // "123"
result =  "123" || 0;
console.log(result); // "123"

邏輯非

格式: ! 條件A
運(yùn)算結(jié)果:
其實(shí)就是對條件A進(jìn)行取反：若條件A成立榔至，結(jié)果就為false；若條件A不成立欺劳，結(jié)果就為true唧取。也就是說：真的變假，假的變真划提。
口訣:真變假,假變真

var bool1 = true;
var res1 = !bool1;
console.log(res1); // false

var bool2 = false;
var res2 = !bool2;
console.log(res2); // true

注意點(diǎn):

• 對一個值進(jìn)行兩次取反枫弟，它不會變化

var bool = true;
var res = !!bool;
console.log(res); // true

• 對非布爾值進(jìn)行元素，則會將其轉(zhuǎn)換為布爾值腔剂，然后再取反

var num = 10;
var res = !num; // 先將10轉(zhuǎn)換為true, 然后再取反
console.log(res); // false

所以, 要想將其它類型轉(zhuǎn)換為Number類型除了Boolean()函數(shù), 還可以使用 !!數(shù)值;
值得注意的是!!數(shù)值;的形式,實(shí)現(xiàn)原理和Boolean()函數(shù)一樣

參考鏈接