상세 컨텐츠

본문 제목

자바스크립트 논리형 예제

JavaScript

by 헬로제이콥 2024. 11. 19. 16:03

본문

자바스크립트 논리형 예제

논리형은 참(true) 또는 거짓(false)의 두 가지 값 중 하나를 가지는 데이터형입니다. 주로 조건문이나 반복문에서 사용되어 프로그램의 흐름을 제어합니다.

1. 논리 연산자

  • && (AND): 두 조건이 모두 참일 때만 참을 반환합니다.
  • || (OR): 두 조건 중 하나라도 참이면 참을 반환합니다.
  • ! (NOT): 값을 반대로 바꿉니다.
JavaScript
let x = 10;
let y = 5;

// AND 연산
console.log(x > 5 && y < 10); // true (둘 다 참이므로)

// OR 연산
console.log(x < 5 || y > 3); // true (하나라도 참이므로)

// NOT 연산
console.log(!(x === y)); // true (x와 y가 같지 않으므로)
코드를 사용할 때는 주의가 필요합니다.
 

2. 비교 연산자

  • ==: 두 값이 같은지 비교합니다. (타입은 고려하지 않음)
  • ===: 두 값이 같은지 비교합니다. (타입까지 고려함)
  • !=: 두 값이 다른지 비교합니다. (타입은 고려하지 않음)
  • !==: 두 값이 다른지 비교합니다. (타입까지 고려함)
  • >: 크다
  • <: 작다
  • >=: 크거나 같다
  • <=: 작거나 같다
JavaScript
let a = 10;
let b = "10";

console.log(a == b); // true (값만 비교)
console.log(a === b); // false (타입까지 비교)
코드를 사용할 때는 주의가 필요합니다.
 

3. 조건문 (if 문)

JavaScript
let isRaining = true;

if (isRaining) {
  console.log("우산을 챙기세요.");
} else {
  console.log("날씨가 좋네요!");
}
코드를 사용할 때는 주의가 필요합니다.
 

4. 삼항 연산자

JavaScript
let age = 20;
let isAdult = age >= 19 ? true : false;
console.log(isAdult); // true
코드를 사용할 때는 주의가 필요합니다.
 

5. 논리형으로 변환되는 값

  • true로 변환되는 값:
    • 숫자 0이 아닌 모든 숫자
    • 빈 문자열이 아닌 모든 문자열
    • 객체
    • 배열
  • false로 변환되는 값:
    • 0
    • NaN
    • 빈 문자열("")
    • null
    • undefined
    • false

실생활 예시

  • 로그인: 사용자 입력 정보와 데이터베이스 정보를 비교하여 로그인 성공 여부 판단
  • 권한 확인: 사용자의 권한을 확인하여 특정 기능 사용 여부 결정
  • 조건부 렌더링: 웹 페이지에서 사용자의 상태에 따라 다른 내용을 표시
  • 오류 처리: 프로그램 실행 중 발생하는 오류를 감지하고 적절한 조치 수행

'JavaScript' 카테고리의 다른 글

자바스크립트 증감 연산자  (1) 2024.11.21
자바스크립트 연산자  (1) 2024.11.20
자바스크립트 배열  (0) 2024.11.20
자바스크립트 변수와 상수  (1) 2024.11.19
자바스크립트 출력  (0) 2024.11.19

관련글 더보기