JavaScript 삼항 조건부 연산자

1. 예 : JavaScript 삼항 조건 연산자
2. 예 : JavaScript 중첩 삼항 연산자
3. 예 : JavaScript 삼항 연산자의 다중 연산

이 튜토리얼에서는 JavaScript에서?:조건 연산자를 사용하는 방법을 소개합니다.

if ... else문은 특정 조건이 충족되는 경우에만 특정 코드 블록을 실행하는 데 도움이됩니다. 삼항 연산자라고도하는 조건부 연산자는if ... else문에 대한 한 줄 속기입니다. 깔끔하고 간결한 코드를 작성하는 데 도움이됩니다. 3 개의 피연산자가 필요한 유일한 JavaScript 연산자입니다. 평가할 조건, 조건이true인 경우 실행할 표현식, 조건이false인 경우 실행할 표현식입니다. 3 개의 피연산자가 필요하므로 이름은 삼항 연산자입니다.

condition ? expression1 : expression2

삼항 연산자는 먼저 주어진조건을 평가합니다. 조건은?로expression1과 구분됩니다. 그리고expression2는:로expression1과 구분됩니다. condition이 참이면 조건 ​​연산자는expression1을 실행하고 그렇지 않으면expression2를 실행합니다.

예 : JavaScript 삼항 조건 연산자

var age = 18;
var canVote;
if (age >= 18) {
  canVote = 'yes';
} else {
  canVote = 'no';
}

위의 예는 전통적인if ... else문을 사용하여 실행 된 조건문을 보여줍니다.

var age = 18;
var canVote = age >= 18 ? 'yes' : 'no';

삼항 연산자를 사용하여 위의 코드를 다시 작성했습니다.

예 : JavaScript 중첩 삼항 연산자

if ... else문과 마찬가지로 중첩 된 삼항 연산자를 사용하여 여러 조건 검사를 수행 할 수도 있습니다.

var carSpeed = 90;
var warning =
    speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

위의 코드에서 우리는 자동차 속도에 따라 자동차에 대한 경고를 생성합니다. 먼저carSpeed가 100을 초과하는지 확인하고 조건이 충족되면 자동차가Way Too Fast!!라는 경고를 생성합니다. 그렇지 않으면carSpeed가 80보다 큰지 확인하는 두 번째 표현식을 중첩하고 평가에 따라Fast/Nice를 표시합니다.

예 : JavaScript 삼항 연산자의 다중 연산

if ... else문처럼 삼항 연산자 내에서 여러 작업을 실행할 수 있습니다.

let isStudent = true;
let primeVideo = 12;
isStudent ?
    (primeVideo = primeVideo / 2, alert('Enjoy your student discount')) :
    (alert('You have to pay full price'));

위의 코드에서 우리는primeVideo의 값을 절반으로 변경하고 사용자에게 경고하면서 하나가 아닌 두 가지 작업을 수행합니다.