자바스크립트에서 배열에서 특정 요소들만 추출하여 새로운 배열을 생성하는 방법에 대해 알아보겠습니다.

filter 메서드를 사용한 방법

filter 메서드를 사용하면 조건에 맞는 요소들만을 가지고 새로운 배열을 생성할 수 있습니다. 다음은 해당 방법의 예제 코드입니다.

const numbers = [1, 2, 3, 4, 5];

const evenNumbers = numbers.filter(num => num % 2 === 0);

console.log(evenNumbers); // [2, 4]

위 예제에서는 numbers라는 배열에서 짝수만을 추출하여 evenNumbers 배열을 생성했습니다.

for…of 문을 사용한 방법

for...of 문을 사용하여 배열을 순회하며 조건에 맞는 요소를 새로운 배열에 추가할 수도 있습니다. 다음은 해당 방법의 예제 코드입니다.

const fruits = ['apple', 'banana', 'orange', 'grape'];

let result = [];
for (const fruit of fruits) {
  if (fruit !== 'banana') {
    result.push(fruit);
  }
}

console.log(result); // ['apple', 'orange', 'grape']

위 예제에서는 fruits 배열에서 ‘banana’를 제외한 나머지 과일들을 result 배열에 추가했습니다.

결론

자바스크립트에서 배열에서 특정 요소들만 추출하여 새로운 배열을 생성하는 방법에 대해 알아보았습니다. filter 메서드를 사용하는 방법과 for...of 문을 사용하는 방법을 통해 다양한 요구사항에 맞게 적절한 방법을 선택할 수 있습니다.