[Day19] 逻辑运算子

逻辑运算子(Logical Operators) 常用来判断多个条件并回传结果，有 &&、|| 以及 ! 3种，介绍如下：

&&

&& 用来验证两者是否皆为真值

用法：

运算式1 && 运算式2

当运算式1 可转换为 false，回传运算式 1，否则回传运算式2
当运算式1、运算式2 都是 true，则回传 true，否则为 false

若运算式1 为假值则回传运算式1

console.log(0 && 1); // 0

console.log(undefined && 1); // undefined

若运算式1 为真值则回传运算式2

console.log(1 && 0); // 0

console.log(2 && 1); // 1

||

验证两者其中一个是否为真值

用法：

运算式1 || 运算式2

当运算式1 可转换为 true，回传运算式 1，否则回传运算式2
当运算式1、运算式2 任一为 true，则回传 true，否则为 false

若运算式1 为真值则回传运算式1

console.log(1 || 0); // 1

若运算式1 为假值则回传运算式2

console.log(0 || 5); // 5

console.log(undefined || 1); // 1

! 否定

逻辑运算子的否定概念

用法：

!值

若结果是 true 转成 false，反之 false 转成 true

真值转假值，假值转真值

console.log(!1); // false

console.log(![]); // false - 物件本为真值

console.log(!0); // true

console.log(!undefined); // ture

逻辑运算子的应用

以下为逻辑运算子的应用：

先预设钱有 100 元
当执行函式 updateMoney，则把参数带入
使用 parseInt() 方法确保带入的参数为数值，避免 1+'1' = 11 的情况发生
使用 || 逻辑运算子来判断带入的参数，避免参数为 undefined、空值
将原有的钱与加入的钱相加，最後输出

const money = 100;

function updateMoney(newMoney) {
    newMoney = parseInt(newMoney) || 100;
    const wellet = money + newMoney;
    console.log(`钱包里有 ${wellet} 元`);
}

updateMoney(undefined);
// 钱包里有 200 元

updateMoney(100);
// 钱包里有 200 元

updateMoney(0);
// 钱包里有 200 元

但这个例子会有一个问题，就是当代入的参数为 数值0 时，原本要产出的结果应是 钱包里有 100 元，但因为 || 逻辑运算子 - 前面运算式为假值则回传後面运算式，所以此例中得出的最终结果会是 钱包里有 200 元。

若修改这个错误，可以加入三元运算式来做修改

先使用 || 逻辑运算子来判定，若 newMondy 为真值或 newMondy 为数值 0，皆会返回 true，否则返回 false
若三元运算式条件得出 true，则返回前面的值，否则返回後面

const money = 100;

function updateMoney(newMoney) {
    newMoney = parseInt(newMoney);
    newMoney = (newMoney || newMoney === 0) ? newMoney : 100;
    const wellet = money + newMoney;
    console.log(`钱包里有 ${wellet} 元`);
}

updateMoney(undefined);
// 钱包里有 200 元

updateMoney(50);
// 钱包里有 150 元

updateMoney(0);
// 钱包里有 100 元