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

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




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


전통적인 방식으로 우리는 위의 패턴으로 코드를 작성했습니다. 그러나 여러 OR 조건을 사용하는 대신 단순히 배열과 포함을 사용할 수 있습니다. 아래 예를 확인하십시오.

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

좋은 웹페이지 즐겨찾기