LHJ

I'm a FE developer.

5.13 표현식과 흐름 제어 패턴

27 Apr 2020 » js_lj

4장에서 널리 쓰이는 제어문 패턴 몇 가지를 알아봤습니다.
이제 제어문에 영향을 끼칠 수 있는 표현식인 3항 연산자단축 평가에 대해 배웠으니 제어문 패턴을 더 알아볼 수 있습니다.

5.13.1 if … else 문을 3항 연산자로 바꾸기

if … else 문의 목적이 변수의 값을 얻는 것이라면(할당이든, 표현식의 일부분이든, 함수의 반환값이든) 일반적으로 if … else 대신 3항 연산자를 쓰는 편이 좋습니다.
3항 연산자를 쓰면 코드가 간단해지고 읽기 쉽습니다.
다음 예제를 보십시오.

if (isPrime(n)) {
	label = 'prime';
} else {
	label = 'non-prime';
}

앞의 코드는 다음과 같이 바꾸는 게 좋습니다.

label = isPrime(n) ? 'prime' : 'non-prime';

5.13.2 if 문을 단축 평가하는 OR 표현식으로 바꾸기

할당이 주 목적인 if 문은 단축 평가를 사용하는 OR 표현식을 써서 간결하게 줄일 수 있습니다.
3항 연산자는 if … else 문보다 거의 항상 더 좋지만, 단축 평가는 뚜렷하게 무엇이 좋다고 말하기는 어렵습니다.
하지만 매우 자주 사용하는 패턴이니 알아두는 편이 좋습니다.
다음 코드를 보십시오.

if (!options) options = {};

앞의 코드는 다음과 같이 쓸 수 있습니다.

options = options || {};