JavaScript 코드 작성을 위한 기존 방법 변경 - JavaScript 코드의 약어

1. 여러 OR(||) 조건이 있는 if의 속기

if (car === 'audi' || car === 'BMW' || car === 'Tesla') {
    //code
}

if (['audi', 'BMW', 'Tesla', 'grapes'].includes(car)) {
   //code
}

2. 여러 And(&&) 조건이 있는 if의 속기

if(obj && obj.tele && obj.tele.stdcode) {
    console.log(obj.tele .stdcode)
}

console.log(obj?.tele?.stdcode);

3. 변수의 null, 정의되지 않음 및 빈 값을 확인하기 위한 속기

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

const second = name || '';

4. 여러 옵션 중에서 선택하기 위한 스위치 케이스의 약어

switch (number) {
  case 1:
     return 'Case one';
  case 2:
     return 'Case two';
  default:
     return;
}

const data = {
  1: 'Case one',
  2: 'Case two'
};
//Access it using
data[num]

5. 한 줄 함수의 약어

function example(value) {
  return 2 * value;
}

const example = (value) => 2 * value

6. 조건부 호출 함수의 속기

function height() {
    console.log('height');
}
function width() {
    console.log('width');
}
if(type === 'heigth') {
    height();
} else {
    width();
}

(type === 'heigth' ? height : width)()

7. if를 사용하여 기본값을 변수로 설정하려면의 약어

if(amount === null) {
    amount = 0;
}
if(value === undefined) {
    value = 0;
}
console.log(amount); //0
console.log(value); //0

console.log(amount || 0); //0
console.log(value || 0); //0