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 | 31 |
Tags
- clearinterval
- for of
- media query
- javascript html 연동
- 숫자 포맷
- 일정 간격 코드 실행
- React
- object array
- React 시작하기
- 미디어쿼리
- 타입스크립트
- for in
- setinterval
- 배열
- 세 자리 콤마
- 상대시간
- 배열 자르기
- CSS
- javascript
- 배열 값 삭제
- Array
- Typescript
- 일정 간격
- 리액트
- 웹개발
- html
- js
- 반응형
- intl
- 천단위 콤마
Archives
- Today
- Total
ryxxn
[javascript] 반복문 총정리 본문
반복문은 자바스크립트에서 특정 작업을 반복적으로 수행할 때 사용되는 구문이다. 다양한 종류의 반복문이 있으며, 각각의 특징과 사용법을 알아보자.
- 목차
1. for 문
for문은 가장 일반적으로 사용되는 반복문으로, 지정된 조건이 참인 동안 코드 블록을 반복 실행한다.
for (초기값; 조건; 증감식) {
// 실행될 코드
}
예시
for (let i = 0; i < 5; i++) {
console.log(i);
}
// 결과: 0 1 2 3 4
2. while 문
while문은 주어진 조건이 참인 동안 코드 블록을 반복 실행한다.
while (조건) {
// 실행될 코드
}
예시
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
// 결과: 0 1 2 3 4
3. do-while 문
do-while문은 while문과 유사하지만, 먼저 코드 블록을 실행한 후 조건을 확인한다. 따라서 코드 블록이 최소한 한 번은 실행된다.
do {
// 실행될 코드
} while (조건);
예시
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
// 결과: 0 1 2 3 4
4. for...of 문
for...of문은 반복 가능한(iterable) 객체(배열, 문자열, Map, Set 등)의 각 요소들을 순회한다.
for (const element of iterable) {
// 실행될 코드
}
예시
const colors = ['red', 'green', 'blue'];
for (const color of colors) {
console.log(color);
}
// 결과: red green blue
5. for...in 문
for...in문은 객체의 열거 가능한 속성들을 순회한다.
for (const key in object) {
// 실행될 코드
}
예시
const person = {
name: 'John',
age: 30,
gender: 'male'
};
for (const key in person) {
console.log(key + ': ' + person[key]);
}
// 결과: name: John, age: 30, gender: male
'javascript' 카테고리의 다른 글
[javascript] 배열, 문자열 자르기 (0) | 2023.08.01 |
---|---|
[javascript] 디자인 패턴 총정리 (0) | 2023.07.30 |
[javascript] 배열 내 특정 값 찾기 (0) | 2023.07.30 |
[javascript] 배열 내 특정 값 삭제하기 (0) | 2023.07.29 |
[javascript] 반복 메서드 총 정리 (0) | 2023.07.29 |