배열에서 특정한 조건에 맞는 요소들로 새로운 배열을 생성하는 작업은 자바스크립트에서 매우 흔하게 사용됩니다. 이것은 주어진 조건에 따라 배열을 변환하거나 원하는 요소들만 선택하는 데 유용합니다. 자바스크립트에서는 filter 메서드를 사용하여 이 작업을 수행할 수 있습니다.

const 원본배열 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const 필터된배열 = 원본배열.filter((요소) => {
  return 요소 % 2 === 0; // 짝수 요소들로만 필터링
});

console.log(필터된배열); // 출력: [2, 4, 6, 8, 10]

위의 예제에서 filter 메서드를 사용하여 짝수 요소만을 필터링하여 새로운 배열을 생성합니다. 이 메서드는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 함수가 true를 반환하는 요소들로 새로운 배열을 구성합니다.

filter 메서드는 또한 map과 함께 사용하여 배열의 요소를 조작하고, 원하는 형태로 변환하는 데 유용하게 활용될 수 있습니다. 자바스크립트의 다양한 배열 메서드들은 데이터를 다루는 데 매우 효율적이며, 개발자들에게 강력한 도구를 제공합니다.

위의 예제를 참고하여 filter 메서드를 활용하여 다양한 조건에 맞는 배열 요소들로 새로운 배열을 생성하는 방법을 살펴보시기 바랍니다.

참고 문헌:

• MDN Web Docs: Array.prototype.filter()