[모던 JavaScript] 2.10 if와 '?'를 사용한 조건 처리

'if'문

- if(...) 문은 괄호 안에 들어가는 조건을 평가하는데, 그 결과가 true 이면 코드 블록이 실행됨

- if 문을 쓸 때는 조건이 참일 경우 실행되는 구문이 단 한 줄이더라도 중괄호 {} 를 사용해 코드를 블록으로 감싸는 것이 가독성 증가를 도움

 

 

 

'else'절

- if 문엔 else 절을 붙일 수 있음

- else 뒤에 이어지는 코드 블록은 조건이 거짓일 때 실행됨

- else 는 필수가 아닌 선택 사항임

 

 

 

'else if'로 복수 조건 처리하기

- 유사하지만 약간씩 차이가 있는 조건 여러 개를 처리해야 할 때 사용

 

 

 

조건부 연산자 '?'

- 물음표 연산자라고도 불림

- 삼항 연산자라고도 불림

- 조건에 따라 반환 값을 달리하려는 목적으로 만들어짐

// 가독성을 위해 괄호를 사용할 것을 권유함
let accessAllowed = (age > 18) ? true : false;
// 위의 코드와 똑같이 동작함
let accessAllowed = age > 18

 

 

다중 '?'

- 물음표 연산자 ? 를 여러 개 연결하면 복수의 조건을 처리할 수 있음

 

 

 

부적절한 '?'

- 물음표 ? 를 if 대용으로 쓰는 경우가 종종 있음

let company = prompt('자바스크립트는 어떤 회사가 만들었을까요?', '');

(company == 'Netscape') ? alert('정답입니다!') : alert('오답입니다');
// 이런 식으로 평가 결과를 변수에 할당하지 않고, 
// 결과에 따라 실행되는 표현식이 달라지도록 하는 건 좋지 않음
// 가독성이 떨어짐
// 코드를 읽을 때 우리 눈은 수직으로 움직이므로
// 여러 분기를 만들어 처리할 때는 if 를 사용하기