[자바스크립트] 짧은 조건문

false || 실행됨 / true && 실행 됨

조건문은 해당 내용이 참인지 거짓인지 판단하기 위해 존재합니다.

예를 들어 다음과 같은 if문이 있다고 합시다.

if(a == 10 || b == 20) {
    //a 가 10 이거나 b 가 20 이면 접근
}

위에서 if문 안의 조건을 판단할 때 OR 연산이기 때문에 첫번째 값이 참이면 굳이 그 이후의 조건을 볼 필요가 없습니다.

때문에 a == 10 이 참이라면 그 뒤는 생략하고 바로 if문 안으로 진입합니다.

a == 10 이 거짓이라면 그 때 b == 20 을 확인하게 됩니다.

if(a == 10 && b == 20) {
    //a 가 10 이고 b 가 20 이면 접근
}

마찬가지로 위의 코드에서는 AND 연산이기 때문에 첫번째 값이 거짓이면 굳이 그 이후의 조건을 볼 필요가 없습니다.

이러한 원리로 앞의 조건에 의해 뒤를 볼 필요가 없이 패스되는 짧은 조건문을 사용하게 되면

true || alert('A');
true && alert('B');
false || alert('C');
false && alert('D');

위의 코드는 B 와 C 를 출력합니다.