반응형
- 조건문
자바스크립트에서 조건문은 프로그램의 흐름을 제어하고 특정 조건에 따라 다른 코드를 실행하는 데 사용됩니다. 다양한 종류의 조건문이 있으며, 각 조건문은 고유한 용도와 문법을 가지고 있습니다.
1. if 문
가장 기본적인 조건문으로, 주어진 조건이 참일 때만 코드 블록을 실행합니다.
let age = 20;
if (age >= 19) {
console.log("성인입니다.");
}
2. if...else 문
조건이 참일 때와 거짓일 때 각각 다른 코드 블록을 실행합니다.
let isMember = false;
if (isMember) {
console.log("회원입니다.");
} else {
console.log("회원이 아닙니다.");
}
3. if...else if...else 문
여러 개의 조건을 검사하고, 각 조건에 맞는 코드 블록을 실행합니다.
4. switch 문
특정 값과 일치하는 case 문을 찾아 해당 코드 블록을 실행합니다.
let day = "Sunday";
switch (day) {
case "Monday":
console.log("월요일입니다.");
break;
case "Tuesday":
console.log("화요일입니다.");
break;
default:
console.log("주말입니다.");
}
5. 삼항 연산자
간단한 조건문을 한 줄로 표현할 때 사용합니다.
let isAdult = age >= 19 ? "성인" : "미성년";
조건문은 프로그램의 흐름을 제어하는 데 필수적인 요소이므로, 각 조건문의 특징과 사용법을 정확하게 이해하는 것이 중요합니다.
- 반복문
자바스크립트에서 반복문은 특정 코드를 여러 번 반복 실행하는 데 사용됩니다. 특정 조건이 만족될 때까지 또는 특정 횟수만큼 코드를 반복 실행하는 것이죠. 다양한 종류의 반복문이 존재하며, 각각의 특징에 맞게 사용하면 효율적인 코드를 작성할 수 있습니다.
자바스크립트 반복문의 종류와 예시
1. for 문
가장 일반적으로 사용되는 반복문입니다. 초기값, 조건, 증감식을 설정하여 반복 횟수를 제어합니다.
for (let i = 0; i < 5; i++) {
console.log(i); // 0, 1, 2, 3, 4 출력
}
2. while 문
조건이 참인 동안 계속해서 코드를 실행합니다.
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
3. do...while 문
최소 한 번은 실행된 후 조건을 검사합니다.
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
4. for...in 문
객체의 모든 프로퍼티를 순회합니다.
const person = {
firstName: "John",
lastName: "Doe",
age: 30
};
for (let key in person) {
console.log(key + ": " + person[key]);
}
5. for...of 문
배열이나 문자열 등 iterable 객체의 요소를 순회합니다.
const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
console.log(number);
}
반복문 제어하기
- break: 반복문을 즉시 종료합니다.
- continue: 현재 반복을 건너뛰고 다음 반복으로 넘어갑니다.
// break 예시
for (let i = 0; i < 10; i++) {
if (i === 5) {
break; // i가 5일 때 반복 종료
}
console.log(i);
}
// continue 예시
for (let i = 0; i < 10; i++) {
if (i % 2 === 0) {
continue; // 짝수일 때 건너뛰기
}
console.log(i); // 홀수만 출력
}
왜 반복문을 사용해야 할까요?
- 반복적인 작업 자동화: 같은 작업을 여러 번 반복해야 할 때 효율적으로 처리할 수 있습니다.
- 데이터 처리: 배열, 객체 등의 데이터를 순회하며 처리할 때 사용합니다.
- 알고리즘 구현: 다양한 알고리즘을 구현하는 데 필수적인 도구입니다.
반응형
'JS > JavaScript' 카테고리의 다른 글
#10 자바스크립트 배열 (0) | 2024.08.29 |
---|---|
#9 자바스크립트 깊은 복사와 얕은 복사 : 차이점과 구현 방법 (0) | 2024.08.29 |
#8 자바스크립트 객체 (0) | 2024.08.28 |
#7 자바스크립트 함수 : 코드의 재사용과 효율성을 위한 핵심 (0) | 2024.08.28 |
#5 자바스크립트 연산자 (0) | 2024.08.27 |
#4 자바스크립트 호이스팅(Hoisting) (0) | 2024.08.27 |
#3 자바스크립트 타입 변환 (0) | 2024.08.27 |
#2 자바스크립트 데이터 타입 완벽 정복 (0) | 2024.08.27 |