[js] 技巧 简化if 判空

阅读 28

2022-12-21


文章目录

  • ​​1. 简化条件表达式​​
  • ​​简化 if ... else​​
  • ​​判空并赋默认值​​



1. 简化条件表达式

// 太长的逻辑表达式
if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {
//其他逻辑
}

// 简写
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {
//其他逻辑
}

简化 if … else

// 新手的写法
let test= boolean;
if (x > 100) {
test = true;
} else {
test = false;
}

// 简写表达式
let test = (x > 10) ? true : false;

// 更直接的
let test = x > 10;
console.log(test);

判空并赋默认值

if (first !== null || first !== undefined || first !== '') {
let second = first;
}


// 简写
let second = first || '';



​​写了这么多年 JavaScript ,竟然还不知道这些技巧?​​


精彩评论(0)

0 0 举报