전체 방문자
오늘
어제
  • 전체 글
    • HTML
    • CSS
    • Javascript
    • React
    • Typescript
    • Next.js
    • Webpack
    • Vue.js
    • Git & GitHub
    • Error
    • Study
    • 개발 일지✨

블로그 메뉴

  • 💡
  • ⚙️
hELLO · Designed By 정상우.
하루

Home

삼항 연산자
Javascript

삼항 연산자

2022. 2. 1. 19:03

사용법

조건 ? true일때 : false일때

 

예를 들어 특정 조건에 따라 text 값이 달라야하는 상황이 있다고 해보자.

const array = [1, 2];
let text = '';
if (array.length === 0) {
  text = '배열이 비어있습니다.';
} else {
  text = '배열이 비어있지 않습니다.';
}
console.log(text);  // 배열이 비어있지 않습니다.ㅁ

삼항 연산자를 이용하여 다음과 같이 작성할 수 있다.

const array = [];
let text = array.length === 0 ? '배열이 비어있습니다' : '배열이 비어있지 않습니다.';

console.log(text);

 

중첩 (비추천)

가독성이 그렇게 좋지 않으니 이러한 코드는 피하는 것이 좋다.

이런 상황에는 차라리 if문으로 처리하는게 오히려 코드를 읽기가 쉬워질 수도 있다.

const condition1 = false;
const condition2 = false;

const value = condition1 
  ? '와우!' 
  : condition2 
    ? 'blabla' 
    : 'foo';

console.log(value);

 

    'Javascript' 카테고리의 다른 글
    • 단축 평가 논리 계산법
    • Truthy / Falsy
    • 프로토타입과 클래스
    • 문자열 자르기 substr, substring, slice, split

    티스토리툴바