Frontend-dev/HTML-CSS-JS
조건 연산자(삼항 연산자)와 if else문
RunningWater
2018. 2. 19. 20:12
조건연산자란?
자바스크립트에는 피연산자 3개(3항)를 필요로 하는 조건 연산자가 있습니다. 조건에 따라서 값이 할당됩니다. 삼항 연산자라고도 합니다.
const foo = true; const bar = foo ? "true" : "false";
물음표 앞에 있는 첫 번째 피연산자가 true(또는 참 같은 값)이면 :(콜론)의 왼쪽에 있는 값이 bar에 할당되고, false(또는 거짓 같은 값)이면 :(콜론)의 오른쪽에 있는 값이 할당됩니다.
if...else문과 조건연산자
if...else문을 통해서 변수의 값을 얻을 수 있습니다.
const foo = true; let bar; if(foo){ bar = "true"; } else{ bar = "false"; };
어떤가요? 위의 소스코드는 foo의 값에 따라 bar에 들어가는 값이 달라지게 됩니다.
위의 예처럼 if...else문을 쓰는 목적이 변수의 값을 얻는 것이라면 조건연산자로 간단하게 표현할 수 있습니다.
공감은 제작자에게 큰 힘이 됩니다.