일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- react
- zustand
- 백준10815
- 백준5086
- 정처기실기
- reactrouter
- 정처기
- 바닐라js
- Vue
- TypeScript
- 코딩테스크
- 백준
- JS
- NextJs
- 투두리스트
- 타입스크립트
- styled-components
- 코테
- 정보처리기사
- 파이썬
- Vue3
- 백준2501
- 10815
- 정처기필기
- 리액트
- 코딩테스트
- 자바스크립트
- 백준10798
- JavaScript
- 이벤트버블링
Archives
- Today
- Total
윤시의 블로그
[JavaScript] 제어구문 (1 - 조건문) 본문
JavaScript 제어구문 (1 - 조건문)
→ 제어구문은 조건에 따라 코드 흐름을 다르게 처리하는 구문이다.
조건문
- if문, switch문
- 조건문은 특정 조건을 만족할 때 코드 블록을 실행하거나 실행하지 않도록 하는 구문이다.
1.1 if 문
- 조건식이 참이면 코드 블록을 실행하고, 거짓이면 실행하지 않는다.
- 기본 문법
if (조건식) {
// 조건식이 참일 때 실행될 코드
}
const num = 10;
if (num > 5) {
console.log('숫자는 5보다 큽니다.');
}
// 출력: 숫자는 5보다 큽니다
1.2 if-else 문
- 조건식이 참이면 첫 번째 블록을 실행하고, 거짓이면 두 번째 블록을 실행한다.
- 기본 문법
if (조건식) {
// 조건식이 참일 때 실행될 코드
} else {
// 조건식이 거짓일 때 실행될 코드
}
const num = 4;
if (num > 5) {
console.log('숫자는 5보다 큽니다.');
} else {
console.log('숫자는 5보다 작거나 같습니다.');
}
// 출력: 숫자는 5보다 작거나 같습니다.
1.3 if-else if-else 문
- 여러 조건을 차례대로 확인하고, 첫 번째 참인 조건에 맞는 블록을 실행한다.
- 기본 문법
if (조건식1) {
// 조건식1이 참일 때 실행될 코드
} else if (조건식2) {
// 조건식2가 참일 때 실행될 코드
} else {
// 위 조건식들이 모두 거짓일 때 실행될 코드
}
const num = 10;
if (num > 15) {
console.log('숫자는 15보다 큽니다.');
} else if (num > 5) {
console.log('숫자는 5보다 크고 15보다 작습니다.');
} else {
console.log('숫자는 5보다 작거나 같습니다.');
}
// 출력: 숫자는 5보다 크고 15보다 작습니다.
2. switch 문
- switch문은 여러 조건 중 하나에 맞는 값을 처리할 때 유용하다. 주로 숫자나 문자열을 비교할 때 사용된다.
- 기본 문법
switch (조건식) {
case 값1:
// 조건식이 값1일 때 실행될 코드
break;
case 값2:
// 조건식이 값2일 때 실행될 코드
break;
default:
// 조건식이 어떤 값에도 해당하지 않을 때 실행될 코드
}
- break는 조건이 맞는 case를 실행하고 나서 더 이상 다른 case를 실행하지 않도록 한다. 만약 break가 없으면 다음 case까지 실행된다.
- default는 모든 case에 해당되지 않는 값을 처리한다.
const day = 2;
switch (day) {
case 1:
console.log('월요일');
break;
case 2:
console.log('화요일');
break;
case 3:
console.log('수요일');
break;
default:
console.log('잘못된 입력');
}
// 출력: 화요일
2.1 switch문에 return 사용
- switch문 안에서 return을 사용하여 값을 반환할 수 있다.
- 예시
function getDayName(day) {
switch (day) {
case 1: return '월요일';
case 2: return '화요일';
case 3: return '수요일';
default: return '잘못된 입력';
}
}
console.log(getDayName(2)); // 출력: 화요일
2.2 여러 case 값 처리
- 여러 case가 동일한 결과를 실행하도록 할 수 있다.
- 예시
const fruit = 'apple';
switch (fruit) {
case 'apple':
case 'banana':
console.log('이 과일은 달다.');
break;
case 'lemon':
console.log('이 과일은 시다.');
break;
default:
console.log('알 수 없는 과일');
}
// 출력: 이 과일은 달다.
여러 case에 대해 동일한 코드 블록을 실행하고 싶을 때, 각 case가 끝나기 전에 break를 쓰지 않고, 연속적으로 case들을 나열한다. 이렇게 하면 여러 case가 같은 코드 블록을 실행하게 된다.
요약
- if문은 조건이 참이면 실행되고, else는 조건이 거짓일 때 실행된다. else if를 사용하면 여러 조건을 차례대로 처리할 수 있다.
- switch문은 특정 변수의 값에 따라 여러 가지 분기 처리를 할 수 있으며, case와 default를 사용해 여러 조건을 처리한다.
'JavaScript' 카테고리의 다른 글
[JavaScript] 엄격모드(strict mode) (0) | 2025.02.25 |
---|---|
[JavaScript] 스코프(Scope), 스코프체인(Scope Chain), 호이스팅(Hoisting) (0) | 2024.12.06 |
[JavaScript] (함수, 함수 표현식, 화살표 함수 기본) (1) | 2024.11.29 |
To-Do List 만들면서 정리한 JavaScript - 랜덤 출력 (14) | 2024.10.09 |
To-Do List 만들면서 정리한 JavaScript - Timer (1) | 2024.10.08 |