Chapter 03 조건문 - 삼항 연산자 / 짧은 조건문

3.5 삼항 연산자

▲ 삼항 연산자의 기본 형태 : 한 줄로 표시할 수 있을 때만 사용하는 것이 좋음. 코드가 복잡해지기 때문 => 코드를 짧게 쓰고자 할때 사용

(불리언 표현식) ? (참일 때 실행하는 문장) : (거짓일 때 실행하는 문장)

 

코드 3-9.  삼항 연산자

<script>
    //변수 선언
    var input = prompt('숫자를 입력해주세요', '');
    var number = Number(input);

    //조건문
    (number > 0) ? alert('자연수입니다.') : alert('자연수가 아닙니다.');
</script>

<코드설명>  숫자의 부호를 비교하고 자연수인지 아닌지 판별하는 예제

 

---

3.6 짧은 조건문

▲ 짧은 조건문 : 논리 연산자가 가지고 있는 특성을 조건문으로 사용. 자바스크립트는 참이 확실할 때 추가 연산을 진행하지 않음. 삼항 연산자보다 더 코드를 짧게 사용하고 싶을 때 짧은 조건문을 사용함

▲ 논리합 연산자를 사용한 짧은 조건문 : 논리합 연산자의 좌변이 참이면 우변을 실행하지 않음. 거짓이면 우변을 실행함

(불리언 표현식) || (불리언 표현식이 거짓일 때 실행할 문장)

 

▲ 논리곱 연산자를 사용한 짧은 조건문 : 논리곱 연산자는 양변이 모두 참일 때만 참을 나타냄. false가 좌,우변에 하나라도 있다면 실행되지 않음

(불리언 표현식) && (불리언 표현식이 참일 때 실행할 문장)

 

코드 3-10.  짧은 조건문 - 논리합 연산자

<script>
    true || alert('실행될까요? A');
    false || alert('실행될까요? B');
</script>

<코드 설명>  첫 번째 문장은 좌변이 참이기 때문에 우변을 무시함. 두 번째 문장은 좌변이 거짓이기 때문에 우변이 참인지 아닌지 검사함. 따라서 alert창이 출력되게 됨

<코드 결과>  

 

코드 3-11.  짧은 조건문 

<script>
    //변수 선언
    var input = Number(prompt('숫자를 입력해주세요', '숫자'));

    //조건문
    input % 2 == 0 || alert('홀수입니다');
    input % 2 == 0 && alert('짝수입니다');
</script>

<코드 설명>  
첫 번째 조건문: 숫자를 2로 나눈 나머지가 0인 경우, 앞의 문장이 참이기 때문에 뒤의 alert창을 띄우지 않음. // 반대로 나머지가 0이 아닌 경우, 앞의 문장이 거짓이기 때문에 뒤의 alert창을 띄울 수 있게 됨

두 번째 조건문 : 숫자를 2로 나눈 나머지가 0인 경우, 앞의 문장이 참이기 때문에 뒤의 문장을 실행함 // 반대로 나머지가 0이 아닌 경우, 앞의 문장이 거짓이기 때문에 뒤의 alert 창을 띄울 수 없음