자바스크립트 논리 연산자, 간단한 예제에서 고급 활용까지

자바스크립트 논리 연산자, 간단한 예제에서 고급 활용까지

자바스크립트에서 논리 연산자는 조건문을 작성하고 복잡한 논리 구조를 구현하는 데 핵심적인 역할을 합니다. 이 글에서는 기본적인 논리 연산자부터 고급 활용 방법까지 다루어, 자바스크립트 코드를 더욱 효율적이고 가독성 있게 작성하는 방법을 소개합니다.

 

 

목차

1. 논리 연산자란?
2. 기본 논리 연산자
3. 단락 평가 (Short-circuit Evaluation)
4. 고급 활용 예제
5. 결론

 

1. 논리 연산자란?

논리 연산자는 불리언 값을 조작하는 연산자로, 참(true)과 거짓(false)을 기반으로 조건을 평가합니다. 자바스크립트에서 주로 사용하는 논리 연산자는 AND(&&), OR(||), NOT(!)이 있습니다. 이들 연산자를 통해 복잡한 논리 구조를 간단하게 표현할 수 있습니다.

 

 

2. 기본 논리 연산자

자바스크립트의 기본 논리 연산자는 다음과 같습니다:

• AND (&&): 두 조건이 모두 참일 때만 참을 반환합니다.

  let result = true && false; // false

• OR (||): 두 조건 중 하나라도 참이면 참을 반환합니다.

  let result = true || false; // true

• NOT (!): 조건의 반대를 반환합니다.

  let result = !true; // false

 

 

3. 단락 평가 (Short-circuit Evaluation)

자바스크립트의 논리 연산자는 단락 평가를 지원합니다. 이는 첫 번째 조건만으로 결과가 확정될 수 있는 경우, 두 번째 조건을 평가하지 않는 것을 의미합니다.

• AND (&&) 연산에서 첫 번째 조건이 거짓이면, 두 번째 조건을 평가하지 않습니다.

  let result = false && (someFunction()); // someFunction은 호출되지 않습니다.

• OR (||) 연산에서 첫 번째 조건이 참이면, 두 번째 조건을 평가하지 않습니다.

  let result = true || (someFunction()); // someFunction은 호출되지 않습니다.

 

 

 

4. 고급 활용 예제

논리 연산자를 활용하여 복잡한 조건문을 간결하게 작성할 수 있습니다. 아래 예제들은 실전에서 자주 사용되는 패턴들입니다:

• 기본값 할당:

  let name = userName || "Guest"; // userName이 falsy하면 "Guest"가 할당됩니다.

• 조건부 함수 호출:

  isLoggedIn && showDashboard(); // isLoggedIn이 참일 때만 showDashboard 함수가 호출됩니다.

• 다중 조건 체크:

  if (age > 18 && hasPermission) {
      console.log("Access granted");
  }

 

 

5. 결론

자바스크립트의 논리 연산자는 강력하면서도 간단하게 사용할 수 있는 도구입니다. AND, OR, NOT 연산자의 기본 개념부터 단락 평가와 고급 활용 방법까지 숙지하면, 더 효율적이고 가독성 높은 코드를 작성할 수 있습니다. 이 글을 통해 자바스크립트 논리 연산자의 다양한 활용 방법을 익히고, 실제 프로젝트에 적용해 보세요.