[JavaScript] 자바스크립트의 기초_조건문(If문과 Switch문)

2025. 9. 1. 14:53·Frontend(프론트엔드)/자바스크립트




 

 

조건문

If문

Switch문

 

 


 

 

조건문

조건문: 특정 조건을 만족하는 경우에만 실행되는 문법
• If문:복잡한 다중 조건에 강력한 제어가 가능
• Switch문: 변수 값 기반의 직관적인 분기 처리 가능

 

 

 

 

If문

If 문: 복잡하고 여러 개의 조건을 다루는 경우 유용하며, 특정 조건이 참일 때와 거짓일 때 다른 코드 실행이 가능하다.

• 기본 구조: if로 시작하여 else로 마무리된다. 
• else if로 조건 추가: 만약 여러 개의 다른 조건을 순차적으로 검사해야 하는 경우 유용하다.
// 1.  if 조건문 (if문): 복잡한 여러 개의 조건을 이용하는 경우 용이
let num = 9;

// if(조건식){조건 만족 시 실행 코드}
// else {조건 만족하지 않는 경우 실행 코드}
// 무조건 if로 시작해서 else로 종료되어야 한다.
if (num >= 10) {
  console.log("num은 10 이상입니다.");
  console.log("조건이 참 입니다.");
} else {
  console.log("조건에 맞지 않습니다.");
}

//else if: 새로운 조건을 추가하는 경우 사용
let num1 = 6;

if (num1 >= 10) {
  console.log("num은 10 이상입니다.");
  console.log("조건이 참 입니다.");
} else if (num1 >= 5) {
  console.log(num1);
  console.log("num이 10 미만 5 이상입니다.");
} else {
  console.log("조건에 맞지 않습니다.");
}

 

 


 

 

Switch문

Switch조건문: 특정 변수의 값을 기준으로 각각 다른 코드를 실행하는 경우 유용하다.
if문과 기능적으로는 동일하지만, 다수의 조건을 처리할 때 직관적이다.

• break의 중요성: 일치하는 case를 찾은 후 모든 case 코드가 실행되지 않도록 멈춰주는 역할을 수행한다.
• default의 역할: switch문 안의 어떤 case와도 변수의 값이 일치하지 않는 경우 default 블록의 코드가 실행된다.
// 2. Switch 조건문: 어떤 변수의 값을 기준으로 각각 다른 코드 실행하는 경우 용이
// if문과 기능 자체는 동일
// -> 다수의 조건 처리 시 if보다 직관적
let animal = "cat";

// 모든 값이 나오는 이유: case 일치하는 경우 나머지 코드 전부 실행한다.
// break: 스위치문을 원하는 케이스에서만 멈추는 역할
switch (animal) {
  case "cat": {
    console.log("고양이");
    break;
  }
  case "dog": {
    console.log("개");
    break;
  }
  case "bear": {
    console.log("곰");
    break;
  }
  case "snake": {
    console.log("뱀");
    break;
  }
  case "tiger": {
    console.log("호랑이");
    break;
  }
  default: {
    console.log("위 동물은 존재하지 않습니다."); // if문의 else 역할
  }
}

 

반응형

'Frontend(프론트엔드) > 자바스크립트' 카테고리의 다른 글

[JavaScript] 자바스크립트의 기초_함수(function)  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_반복문(For문)  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_연산자 활용  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_연산자  (0) 2025.08.30
[JavaScript]자바스크립트의 기초_자료형 변환  (0) 2025.08.30
'Frontend(프론트엔드)/자바스크립트' 카테고리의 다른 글
  • [JavaScript] 자바스크립트의 기초_함수(function)
  • [JavaScript] 자바스크립트의 기초_반복문(For문)
  • [JavaScript] 자바스크립트의 기초_연산자 활용
  • [JavaScript] 자바스크립트의 기초_연산자
DAILYSEEKER
DAILYSEEKER
데이터 분석 공부 열심히 하는 중😁
  • DAILYSEEKER
    ECODATALIST
    DAILYSEEKER
  • 전체
    오늘
    어제
  • 글쓰기 관리자
    • DATA (224)
      • SQL (18)
        • SQLD (3)
        • 데이터 분석을 위한 MySQL (5)
        • 혼자 공부하는 SQL (10)
      • Python (39)
        • 데이터 분석을 위한 Python (32)
        • 데이터 분석을 위한 데이터 스크래핑 (4)
        • 데이터 분석 프로젝트 (3)
      • 기획 (3)
        • 서비스 기획 (1)
        • 기업 분석 (2)
      • Frontend(프론트엔드) (22)
        • 데이터 분석을 위한 웹 개발 언어 (9)
        • 자바스크립트 (13)
        • 타입스크립트 (0)
      • 코딩 테스트 (86)
        • 프로그래머스_MySQL (86)
      • Data Driven (12)
        • 코드 없이 배우는 데이터 분석 (6)
        • Excel (5)
      • UI & UX (24)
        • 피그마(Figma) (24)
      • BDA 학회 (20)
        • BDA학회_8기 (4)
        • BDA학회_9기 (16)
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
DAILYSEEKER
[JavaScript] 자바스크립트의 기초_조건문(If문과 Switch문)
상단으로

티스토리툴바