JS——if else的簡潔寫法

第一種省略括號

/**
 * js 判斷的幾種寫法
 */
var a = 10,b = 20;
console.log(a);
console.log(b);
/*最直接*/
if(a > b){
  console.log('a大');
}else{
  console.log('b大');
};
/*改變1*/
if(a > b) console.log('a大');
if(a < b) console.log('b大');
/*改變2*/
if(a > b) console.log('a大');
else console.log('b大');
/*最簡單*/
或者使用常見的三元操作符 
console.log(a>b ? 'a大' : 'b大');

第二種使用對象形式

假如我們有這樣一段邏輯：

let orderStatus = ''
 
if (res.data.status == '1') {
    orderStatus = '待付款'
} else if (res.data.status == '2') {
    orderStatus == '待發貨'
} else if (res.data.status == '3') {
    orderStatus == '已發貨'
} else if (res.data.status == '4') {
    orderStatus == '待收貨'
} else if （res.data.status == '5'）{
    orderStatus == '已完成'
}

可以簡寫為：

let orderStatus
let map = { '1': '待付款', '2': '待發貨', '3': '已發貨', '4': '待收貨','5':'已完成'}
orderStatus = map[res.data.status]