반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 죽는 꿈
- 필수아이템
- 멘탈케어
- 생활정보
- 겨울철 공기 관리
- 꿈해몽
- 부정행위꿈
- 상업 이미지
- 태그
- 연애 꿈
- microsoft to do
- 환기
- 팬더 꿈
- MBTI
- JavaScript
- 레시피
- 놀이공워 꿈
- 북한 꿈
- 풍선 꿈
- 흰 개
- 묵은지
- 배추 활용
- 교차로 꿈
- 기차 꿈
- 빛 꿈
- 배추 레시피
- 음식
- 자기관리
- 습도 유지
- 여행준비
Archives
- Today
- Total
일하고 공부하고
JavaScript 기초: 조건문과 반복문 본문
반응형
JavaScript 기초: 조건문과 반복문
이번 포스팅에서는 JavaScript의 조건문과 반복문을 배우겠습니다. 이 두 가지는 프로그램의 흐름을 제어하는 데 매우 중요한 역할을 합니다.
1. 조건문
조건문은 특정 조건에 따라 코드 블록을 실행하거나 건너뛸 수 있게 합니다.
1.1 if 문
if 문은 조건이 true일 때 코드를 실행합니다.
let age = 18;
if (age >= 18) {
console.log("성인입니다.");
}
1.2 if-else 문
조건이 false일 경우, else 블록이 실행됩니다.
let age = 15;
if (age >= 18) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}
1.3 else-if 문
여러 조건을 검사할 때 else if를 사용할 수 있습니다.
let score = 85;
if (score >= 90) {
console.log("A 학점");
} else if (score >= 80) {
console.log("B 학점");
} else {
console.log("C 학점 이하");
}
1.4 switch 문
여러 값을 비교할 때 switch 문이 유용합니다.
let fruit = "사과";
switch (fruit) {
case "사과":
console.log("사과입니다.");
break;
case "바나나":
console.log("바나나입니다.");
break;
default:
console.log("알 수 없는 과일입니다.");
}
2. 반복문
반복문은 특정 조건이 충족될 때까지 코드를 반복 실행합니다.
2.1 for 문
가장 많이 사용되는 반복문입니다.
for (let i = 0; i < 5; i++) {
console.log(i); // 0부터 4까지 출력
}
2.2 while 문
while 문은 조건이 true인 동안 코드를 실행합니다.
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
2.3 do-while 문
do-while 문은 조건과 상관없이 최소 한 번은 실행됩니다.
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
2.4 for-of 문
for-of 문은 배열과 같은 반복 가능한 객체를 순회합니다.
let colors = ["빨강", "파랑", "초록"];
for (let color of colors) {
console.log(color);
}
3. 활용 예제
실습 과제
1부터 10까지의 숫자 중 짝수만 출력하는 코드를 작성해 보세요.
힌트: for 문과 if 문을 함께 사용하세요.
정답 확인 👇
더보기
// 실습 2: 1부터 10까지의 짝수 출력하기
for (let i = 1; i <= 10; i++) {
if (i % 2 === 0) {
console.log(i);
}
}
// 출력: 2, 4, 6, 8, 10
이번 포스팅에서는 JavaScript의 조건문과 반복문에 대해 배웠습니다. 다음에는 함수를 주제로 다뤄보겠습니다!
반응형
'코딩 > 자바스크립트' 카테고리의 다른 글
| JavaScript 기초: 비동기 처리와 프로미스 (0) | 2024.12.14 |
|---|---|
| JavaScript 기초: 이벤트와 콜백 (0) | 2024.12.12 |
| JavaScript 기초: DOM 조작 (0) | 2024.12.11 |
| JavaScript 기초: 함수 (0) | 2024.12.11 |
| JavaScript 기초: 변수와 데이터 타입 (0) | 2024.12.10 |