자바스크립트에서 Destructuring을 사용하여 객체나 배열에서 원하는 값을 추출하는 방법은 매우 유용합니다. 이번 블로그 포스트에서는 Destructuring을 사용하여 조건부 값 추출하는 방법에 대해 알아보겠습니다.

객체에서 조건부 값 추출하기

먼저 객체에서 조건부 값 추출하는 방법에 대해 알아보겠습니다. 예를 들어, 다음과 같은 사람 객체가 있다고 가정해보겠습니다.

const person = {
  name: "John",
  age: 30,
  country: "USA"
};

이 경우, 만약 country가 “USA”라면 해당 객체에서 name 값을 추출하고 싶다면, Destructuring을 사용하여 다음과 같이 할 수 있습니다.

const { name } = person.country === "USA" ? person : {};

위의 코드에서는 Destructuring을 사용하여 person.country === "USA" 조건이 true인 경우에만 person 객체에서 name 값을 추출하고, 그렇지 않은 경우 빈 객체를 할당합니다.

배열에서 조건부 값 추출하기

배열에서 조건부 값 추출하는 방법도 객체와 유사합니다. 다음과 같은 배열이 있다고 가정해보겠습니다.

const numbers = [10, 20, 30, 40, 50];

만약 배열의 첫 번째 값이 10보다 크다면, 해당 값을 추출하고 싶다면, Destructuring을 사용하여 다음과 같이 할 수 있습니다.

const [firstValue] = numbers[0] > 10 ? numbers : [];

위의 코드에서는 Destructuring을 사용하여 numbers[0] > 10 조건이 true인 경우에만 numbers 배열에서 첫 번째 값을 추출하고, 그렇지 않은 경우 빈 배열을 할당합니다.

결론

Destructuring을 사용하여 자바스크립트에서 조건부 값을 추출하는 방법에 대해 알아보았습니다. 객체나 배열에서 조건에 맞는 값만을 추출하고자 할 때, Destructuring은 간편하고 가독성이 좋은 방법입니다. 이 기능을 적절히 활용하여 코드를 깔끔하고 효율적으로 작성해보세요. #JavaScript #Destructuring