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
Reference
이 문제에 관하여(JavaScript 코드 작성을 위한 기존 방법 변경 - JavaScript 코드의 약어), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/devsimc/change-your-old-methods-for-writing-a-javascript-code-shorthands-for-javascript-code-3poa텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)