[javascript] 반복문 개선
이번 포스트에서는 자바스크립트의 반복문을 개선하는 방법에 대해 알아보겠습니다.
1. for문 대신 forEach 사용
for문 대신 forEach를 사용하여 코드를 더 간결하게 만들 수 있습니다. forEach는 배열의 각 요소에 대해 지정된 함수를 실행하며, 반복문을 돌리는 과정을 명시적으로 작성하지 않아도 되기 때문에 코드를 간결하게 만들어줍니다.
예시:
const numbers = [1, 2, 3, 4, 5];
// for문 사용
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}
// forEach 사용
numbers.forEach((number) => {
console.log(number);
});
2. map, filter, reduce 활용
map, filter, reduce와 같은 배열 메서드를 사용하면 반복문을 직접 작성하지 않아도 됩니다. 이들 메서드는 배열을 순회하면서 원하는 동작을 수행하므로 코드를 간결하게 만들어줍니다.
예시:
const numbers = [1, 2, 3, 4, 5];
// map 사용
const doubledNumbers = numbers.map((number) => number * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
// filter 사용
const evenNumbers = numbers.filter((number) => number % 2 === 0);
console.log(evenNumbers); // [2, 4]
// reduce 사용
const sum = numbers.reduce((acc, number) => acc + number, 0);
console.log(sum); // 15
3. for…of문 사용
for…of문은 배열 뿐만 아니라 이터러블한 모든 객체에 대해 반복할 수 있습니다. 이를 활용하면 기존의 for문보다 코드를 간결하게 만들 수 있습니다.
예시:
const numbers = [1, 2, 3, 4, 5];
// for...of 사용
for (const number of numbers) {
console.log(number);
}
이러한 방법들을 활용하면 반복문을 더욱 간결하게 작성할 수 있으며, 가독성을 향상시킬 수 있습니다.
더 많은 정보를 원하시면 MDN 웹 문서를 참고해보세요.