예를 들어, 다음과 같은 배열이 있다고 가정해 봅시다.

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

이 배열에서 홀수와 짝수를 구분해 추출하고 싶을 때, Destructuring을 사용하여 조건부로 값을 추출할 수 있습니다. 다음은 이를 구현한 예제입니다.

const [odd, even] = numbers.reduce(([odds, evens], num) => {
  if (num % 2 === 0) {
    return [odds, [...evens, num]];
  } else {
    return [[...odds, num], evens];
  }
}, [[], []]);

console.log(odd); // [1, 3, 5]
console.log(even); // [2, 4]

위의 예제에서 reduce() 함수를 사용하여 배열을 순회하면서 홀수와 짝수를 분리하고, Destructuring을 통해 각각 odd와 even 변수에 할당했습니다. 결과적으로 odd 변수에는 홀수 값만, even 변수에는 짝수 값만 들어가게 됩니다.

Destructuring은 배열 뿐만 아니라 객체에서도 사용할 수 있으며, 다양한 상황에서 유용하게 활용할 수 있습니다. 조건부 값 추출을 위해서는 조건문과 함께 Destructuring을 사용하면 더욱 간결하고 가독성 있는 코드를 작성할 수 있습니다.

#JavaScript #Destructuring