[JavaScript] 삼항연산자와 짧은 조건문

삼항연산자와 짧은 조건문

---

삼항연산자

연산자 이지만 실행을 조건에 따라 변화시킬 수 있다. 조건이 복잡할 때는 코드가 길어질 수 있으므로

한줄로 표시 할 수 있을 때만 사용하는 것이 좋다.

    <script>
        // <조건> ? <참일때 실행> : <거짓일 때 실행>
        var input = prompt("Input number");
        var number = Number(input);
 
        (number % 2 == 0) ? alert("짝수입니다.") : alert("홀수입니다.");
    </script>

짧은 조건문

논리 연산자인 &&와 ||를 이용하여 조건문을 작성한다.

삼항 연산자보다 코드를 더 짧게 사용하고 싶을 때 사용한다.

 

<script>

//1. <조건문> || <조건문이 거짓일 때 실행될 코드>

true || alert('실행A');

false || alert('실행B');

//2. <조건문> && <조건문이 참일 때 실행될 코드>

true && alert('실행A');

false && alert('실행B');

</script>

1번은 OR연산자를 이용하므로 왼쪽 변이 참이면 오른쪽 변을 실행하지 않는다.

그래서 1번은  실행B 가 실행이 된다.

따라서, 왼쪽 변의 조건문이 거짓 일 때 오른쪽 변이 실행이 된다.

2번은 AND연산자를 이용하므로 왼쪽 변이 거짓이면 오른쪽 변을 실행하지 않는다.

2번은 실행A가 실행되고, 왼쪽 변이 참이면 오른쪽 변이 실행이 된다.

    <script>
        var input = prompt("input number");
        var number = Number(input);
 
        (number % 2 == 0) && alert("짝수입니다.");
        (number % 2 == 0) || alert("홀수입니다.");
    </script>

앞의 삼항 연산자 예제를 짧은 조건문으로 바꾸면 위와 같이 된다.