[javascript] 배열 순회 시 특정 요소를 배열로 변환하기
자바스크립트에서 배열을 순회하면서 특정 요소를 다른 배열로 변환하는 작업을 할 수 있습니다. 이러한 변환 작업은 다양한 상황에서 유용하게 사용될 수 있습니다. 이번 글에서는 배열을 순회하면서 특정 조건을 만족하는 요소들을 새로운 배열로 만드는 예제를 다루어보겠습니다.
예제
다음은 주어진 배열에서 5보다 큰 숫자들을 새로운 배열로 변환하는 예제입니다.
const numbers = [1, 3, 5, 7, 9, 2, 4, 6, 8, 10];
const result = numbers.reduce((acc, current) => {
if (current > 5) {
return [...acc, current];
}
return acc;
}, []);
console.log(result);
// 출력: [7, 9, 6, 8, 10]
위 예제에서는 reduce 함수를 사용하여 배열의 각 요소를 순회하면서 특정 조건을 만족하는 요소들을 새로운 배열에 추가했습니다. reduce 함수는 누산기(accumulator)와 현재 값(current value)을 활용하여 배열을 순회하는 과정을 반복합니다. 조건을 만족하는 요소들은 누산기에 추가되고, 조건을 만족하지 않는 요소들은 누산기에 추가하지 않고 그대로 반환합니다.
결론
자바스크립트에서 배열을 순회하면서 특정 요소를 배열로 변환하는 작업은 reduce 함수를 사용하여 간단하게 처리할 수 있습니다. 예제에서는 숫자들 중에서 5보다 큰 요소들을 새로운 배열로 만들었지만, 이와 같은 방식을 사용하여 다양한 조건에 맞는 요소들을 쉽게 추출할 수 있습니다. 이러한 기능을 활용하여 다양한 작업을 수행할 수 있으니, 자바스크립트에서는 배열을 다룰 때 reduce 함수를 적극 활용해보시기 바랍니다.