자바스크립트에서 배열이나 객체의 특정 값을 필터링하고자 할 때, destructuring을 활용하면 간편하고 가독성이 좋은 코드를 작성할 수 있습니다. Destructuring은 배열이나 객체에서 필요한 값만 추출하여 변수에 할당하는 문법입니다.

이번 예시에서는 배열에서 특정 값을 필터링하여 새로운 배열을 생성하는 방법에 대해 알아보겠습니다.

예시: 배열에서 짝수 값 필터링하기

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const evenNumbers = numbers.filter((number) => {
  const { even } = { even: number % 2 === 0 };
  return even;
});

console.log(evenNumbers);

위의 코드에서는 numbers 배열에서 짝수만 필터링하여 evenNumbers 배열에 저장합니다. filter 메소드를 사용하여 배열을 순회하면서 각 원소에 대해 callback 함수를 실행합니다. const { even } = { even: number % 2 === 0 };는 destructuring을 사용하여 number가 짝수인지를 확인하고 even 변수에 할당하는 부분입니다. 그 후에 return even;을 통해 새로운 배열에 추가될지 여부를 결정합니다.

실행 결과인 evenNumbers 배열은 [2, 4, 6, 8, 10]이 될 것입니다.

요약

Destructuring을 활용하여 자바스크립트에서 배열이나 객체의 특정 값을 필터링하는 방법에 대해 살펴보았습니다. Destructuring은 코드를 단순화하고 가독성을 높일 수 있는 강력한 도구이므로, 활용법을 익혀두면 유용하게 사용할 수 있습니다.

#javascript #destructuring #배열필터링