Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript 논리 OR 연산자(||)란? 개념부터 예제까지 한눈에 보기

논리 OR 연산자(||)란 무엇인가?

JavaScript에서 || 연산자는 논리 OR(logical OR) 연산자입니다. 두 피연산자 중 하나라도 참(0이 아닌 값, truthy한 값)이면 조건식 전체가 참(true)으로 평가됩니다. 반대로 두 피연산자가 모두 거짓(false)일 때만 결과가 false가 됩니다.

진리표(Truth Table)

피연산자 A피연산자 BA || B
truetruetrue
truefalsetrue
falsetruetrue
falsefalsefalse

기본 사용 예제

다음은 JavaScript에서 || 연산자를 사용하는 간단한 예제입니다.

<html>
   <body>
      <script>
         var a = true;
         var b = false;

         document.write("(a || b) => ");
         result = (a || b);
         document.write(result);
      </script>
   </body>
</html>

실행 결과:

(a || b) => true

변수 atrue이므로 두 피연산자 중 하나가 참이 되어, 전체 조건식은 true를 반환합니다.

단락 평가(Short-circuit Evaluation)

|| 연산자는 단락 평가를 지원합니다. 왼쪽 피연산자가 이미 참이면 오른쪽 피연산자는 평가하지 않고 즉시 결과를 반환합니다. 이러한 특성 덕분에 변수의 기본값을 설정할 때 자주 활용됩니다.

var userName = inputValue || "손님";

위 코드에서 inputValue가 비어 있거나 false, null, undefined 등 거짓으로 평가되는 값이면, 대신 문자열 "손님"이 기본값으로 사용됩니다.

정리

  • ||는 두 피연산자 중 하나라도 참이면 true를 반환합니다.
  • 두 피연산자가 모두 거짓일 때만 false가 됩니다.
  • 단락 평가를 통해 불필요한 연산을 줄이고, 기본값 설정 패턴으로 널리 사용됩니다.