삼항연산자

이지선·2021년 7월 25일
0

JavaScript

목록 보기
6/8
post-custom-banner

그동안 눈으로만 봐왔던 삼항연산자의 정확한 사용법을 익혀보자!

삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다.
조건문 ? 선택문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문 대신 삼항연산자를 사용하여 코드를
예쁘게 정리할 수 있다😆✌️

profile
👩🏻‍💻
post-custom-banner

1개의 댓글

comment-user-thumbnail
2021년 7월 25일

리액트하면서 삼항연산자 엄청 많이 쓴다고 들었습니다!!
지선님은 걱정없으실 것 같네요!! ㅠㅠ

답글 달기