[javascript] 자바스크립트 배열 필터링 결과를 새로운 변수에 저장하여 다른 용도로 사용하기

자바스크립트에서 배열을 필터링하여 새로운 변수에 저장하고 해당 변수를 다른 용도로 사용하는 방법에 대해 알아보겠습니다.

배열 필터링

배열을 필터링하여 특정 조건을 만족하는 요소만 남길 수 있습니다. 예를 들어, 다음과 같이 filter 함수를 사용하여 홀수만 남기는 코드를 작성할 수 있습니다.

const numbers = [1, 2, 3, 4, 5];
const oddNumbers = numbers.filter(num => num % 2 !== 0);
console.log(oddNumbers); // [1, 3, 5]

위 예제에서 filter 함수는 주어진 조건에 맞는 요소만 남기고 새로운 배열을 반환합니다.

새로운 변수에 저장

필터링된 결과를 새로운 변수에 저장하여 필요에 따라 다른 용도로 활용할 수 있습니다. 이를 통해 기존 배열을 변경하지 않고도 필터링 결과를 따로 보관할 수 있습니다.

const numbers = [1, 2, 3, 4, 5];
const oddNumbers = numbers.filter(num => num % 2 !== 0);
console.log(oddNumbers); // [1, 3, 5]

// 새로운 변수 oddNumbers를 다른 용도로 활용할 수 있음

활용 예제

새로운 변수에 저장된 필터링 결과는 다양한 용도로 활용할 수 있습니다. 예를 들어, 홀수 값만을 이용하여 다른 계산을 수행하거나 화면에 출력하는 등의 작업을 할 수 있습니다.

// 홀수 값만을 이용하여 다른 계산을 수행하는 예제
const total = oddNumbers.reduce((acc, curr) => acc + curr, 0);
console.log(total); // 9

// 홀수 값 화면에 출력하는 예제
oddNumbers.forEach(num => console.log(num));

요약

이제 자바스크립트를 사용하여 배열을 필터링하여 새로운 변수에 저장하고 해당 변수를 다른 용도로 활용하는 방법에 대해 알게 되었습니다. 필터링된 결과를 새로운 변수에 저장함으로써 코드를 보다 모듈화하고 가독성을 높일 수 있습니다.