Note > 자바스크립트 관련반복문
By a3040, Published on Invalid Date
for, while, do...while, for...in
for...of, forEach, map, filter, reduce
for: for문은 일반적인 반복문입니다. 주로 배열이나 객체와 같은 컬렉션을 순회할 때 사용합니다.
const arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]); // 1, 2, 3
}
while: while문은 주어진 조건식이 true인 동안 코드를 반복해서 실행합니다.
let i = 0;
while (i < 5) {
console.log(i); // 0, 1, 2, 3, 4
i++;
}
do...while문은 일단 코드를 한 번 실행한 후에, 주어진 조건식이 true인 동안 코드를 반복해서 실행합니다.
let i = 0;
do {
console.log(i); // 0, 1, 2, 3, 4
i++;
} while (i < 5);
for...in은 객체의 속성(property)을 반복해서 처리하는 데 사용됩니다. 객체의 프로퍼티를 순회할 때 사용합니다.
const obj = { a: 1, b: 2, c: 3 };
for (const prop in obj) {
console.log(`${prop}: ${obj[prop]}`); // a: 1, b: 2, c: 3
}
for...of는 반복 가능한(iterable) 객체의 요소를 반복해서 처리하는 데 사용됩니다. 배열, 문자열, Map, Set 등의 객체를 반복할 수 있습니다.
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item); // 1, 2, 3
}
const str = 'hello';
for (const char of str) {
console.log(char); // h, e, l, l, o
}
forEach는 배열의 각 요소에 대해 주어진 함수를 실행하는 데 사용됩니다. for...of문보다 간결하고 직관적으로 사용할 수 있습니다.
const arr = [1, 2, 3];
arr.forEach((item) => {
console.log(item); // 1, 2, 3
});
map은 배열의 각 요소를 변환하는 데 사용됩니다. 배열의 각 요소에 함수를 적용하고, 그 결과로 새로운 배열을 생성합니다.
const arr = [1, 2, 3];
const doubled = arr.map((item) => item * 2);
console.log(doubled); // [2, 4, 6]
filter는 배열의 요소 중에서 주어진 조건에 맞는 요소만 추출하는 데 사용됩니다. 새로운 배열을 반환합니다.
const arr = [1, 2, 3, 4, 5];
const even = arr.filter((item) => item % 2 === 0);
console.log(even); // [2, 4]