그동안 눈으로만 봐왔던 삼항연산자의 정확한 사용법을 익혀보자!
삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다.
조건문 ? 선택문1:선택문2
로 구성된다. 조건문이 참이면 선택문1을 실행하고, 조건문이 거짓이면 선택문 2를 실행한다.세 개의 항 중 하나에 조건문이 들어가기 때문에 정확한 명칭은 조건부 삼항 연산자라고 한다. 삼항연산자의 조건문 부분은 자동으로 Boolean 형태가 된다. 그래서 모든 답은 true나 false로 추출된다.
let a=1;
let b=3;
const func = (a,b) =>{
if(a<b){
return true;
}else{
return false;
}
}
console.log(func(a,b));
//true반환
func함수의 조건문 부분을 조건문 ? 선택문1:선택문2
에 맞춰 바꾸면
예시1
let a=1;
let b=3;
const func = (a,b) =>{
return (a<b)? true:flase
}
console.log(func(a,b));
//true반환
다섯줄의 조건문을 한줄로 줄일 수 있다.
예시2
let a=1;
let b=3;
const func = (a,b) =>{
const c = a<b? "참":"거짓"
return c;
}
console.log(func(a,b));
//"참"출력
true,flase값을 return하는 것도 가능하고 그 값을 변수로 지정하는 것도 가능하다.
이제 조건문 사용시에 if문 대신 삼항연산자를 사용하여 코드를
예쁘게 정리할 수 있다😆✌️
리액트하면서 삼항연산자 엄청 많이 쓴다고 들었습니다!!
지선님은 걱정없으실 것 같네요!! ㅠㅠ