본문 바로가기
JavaScript 문법 시리즈

[JavaScript 문법] 4일차: 조건문

by cogito21_js 2024. 8. 4.
반응형

조건문이란?

조건문은 특정 조건에 따라 코드 블록을 실행하거나 건너뛰게 하는 제어 구조입니다. JavaScript에서 조건문을 사용하면 다양한 상황에 대응하는 코드를 작성할 수 있습니다.

if 문

if 문은 주어진 조건이 참일 때만 코드 블록을 실행합니다.

 

기본 문법

if (조건) {
  // 조건이 참일 때 실행될 코드
}

예제

let age = 18;

if (age >= 18) {
  console.log('You are an adult.');
}

if...else 문

if...else 문은 주어진 조건이 참일 때와 거짓일 때 각각 다른 코드 블록을 실행합니다.

기본 문법

if (조건) {
  // 조건이 참일 때 실행될 코드
} else {
  // 조건이 거짓일 때 실행될 코드
}

예제

let age = 16;

if (age >= 18) {
  console.log('You are an adult.');
} else {
  console.log('You are not an adult.');
}

if...else if...else 문

if...else if...else 문은 여러 조건을 순차적으로 검사하여 조건에 맞는 코드 블록을 실행합니다.

기본 문법

if (조건1) {
  // 조건1이 참일 때 실행될 코드
} else if (조건2) {
  // 조건2가 참일 때 실행될 코드
} else {
  // 모든 조건이 거짓일 때 실행될 코드
}

예제

let score = 85;

if (score >= 90) {
  console.log('Grade: A');
} else if (score >= 80) {
  console.log('Grade: B');
} else if (score >= 70) {
  console.log('Grade: C');
} else if (score >= 60) {
  console.log('Grade: D');
} else {
  console.log('Grade: F');
}

중첩 if 문

조건문 안에 또 다른 조건문을 넣어 복잡한 조건을 처리할 수 있습니다.

 

예제

let num = 10;

if (num > 0) {
  if (num % 2 === 0) {
    console.log('The number is positive and even.');
  } else {
    console.log('The number is positive but odd.');
  }
} else {
  console.log('The number is not positive.');
}

switch 문

switch 문은 하나의 표현식을 평가하고, 그 결과에 따라 여러 코드 블록 중 하나를 실행합니다. 비교할 값이 많을 때 if...else if...else 문보다 가독성이 좋습니다.

기본 문법

switch (표현식) {
  case 값1:
    // 표현식이 값1과 일치할 때 실행될 코드
    break;
  case 값2:
    // 표현식이 값2와 일치할 때 실행될 코드
    break;
  default:
    // 표현식이 어떤 값과도 일치하지 않을 때 실행될 코드
}

예제

let day = 3;
let dayName;

switch (day) {
  case 1:
    dayName = 'Monday';
    break;
  case 2:
    dayName = 'Tuesday';
    break;
  case 3:
    dayName = 'Wednesday';
    break;
  case 4:
    dayName = 'Thursday';
    break;
  case 5:
    dayName = 'Friday';
    break;
  case 6:
    dayName = 'Saturday';
    break;
  case 7:
    dayName = 'Sunday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log(dayName); // 'Wednesday'

조건문 사용 팁

  1. 가독성 유지: 조건문을 작성할 때 코드의 가독성을 유지하도록 합니다. 복잡한 조건문은 함수로 분리하거나 주석을 추가하여 가독성을 높입니다.
  2. 중복 코드 제거: 조건문 내에서 중복되는 코드를 제거하여 코드의 유지보수성을 높입니다.
  3. 삼항 연산자 활용: 간단한 조건문은 삼항 연산자를 사용하여 코드의 간결성을 유지할 수 있습니다.

예제: 삼항 연산자 활용

let age = 20;
let message = (age >= 18) ? 'You are an adult.' : 'You are not an adult.';
console.log(message); // 'You are an adult.'

결론

조건문은 코드의 흐름을 제어하는 중요한 구조입니다. if, if...else, if...else if...else, 중첩 if 문, switch 문 등을 사용하여 다양한 조건에 따라 코드 블록을 실행할 수 있습니다. 이번 글에서는 조건문의 기본 개념과 사용법에 대해 배웠습니다. 다음 글에서는 반복문에 대해 알아보겠습니다.

다음 글에서 만나요!

 

반응형