Destructuring을 활용하여 자바스크립트에서 중첩된 배열 필터링하기

자바스크립트에서 중첩된 배열을 필터링하고자 할 때, Destructuring(비구조화 할당)을 사용하면 깔끔하고 간결한 코드를 작성할 수 있습니다.

중첩된 배열 필터링하기

중첩된 배열을 필터링하는 방법을 알아보겠습니다. 예를 들어, 다음과 같은 중첩된 배열이 있다고 가정해봅시다.

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

이 중에서 짝수만 필터링하여 새로운 배열을 만들고 싶다고 가정해봅시다. Destructuring을 활용하여 간단하게 이 문제를 해결할 수 있습니다.

const evenNumbers = numbers.flat().filter(([number]) => number % 2 === 0).map(([, number]) => number);
console.log(evenNumbers); // [2, 4, 6, 8]

위의 코드에서는 먼저 numbers 배열을 flat() 메소드를 사용하여 1차원 배열로 변환합니다. 그런 다음, filter() 메소드를 사용하여 짝수인 요소를 필터링합니다. Destructuring을 활용하여 각 요소의 첫 번째 인덱스를 검사하고, map() 메소드를 사용하여 짝수인 요소의 두 번째 인덱스를 반환하는 새로운 배열을 생성합니다.

결론

Destructuring을 활용하여 자바스크립트에서 중첩된 배열을 필터링하는 방법을 알아보았습니다. 이를 통해 코드를 간결하게 작성할 수 있으며, 원하는 조건에 맞는 배열을 쉽게 추출할 수 있습니다. Destructuring을 적극적으로 활용하여 자바스크립트 코드를 작성하는 것을 권장합니다.

#JavaScript #Destructuring #Array #Filtering