자바스크립트에서 배열이나 객체에서 필요한 값만 추출하여 사용하고 싶은 경우, destructuring(구조 분해)을 사용할 수 있습니다. Destructuring은 사용하려는 값들을 추출하여 개별적인 변수에 할당하는 방법입니다. 이를 활용하여 배열에서 특정 값을 필터링하는 방법을 알아보겠습니다.

배열에서 특정 값 필터링하기

아래는 destructuring을 사용하여 배열에서 특정 값을 필터링하는 예제입니다.

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

// 5보다 큰 숫자만 추출하기
const filteredNumbers = numbers.filter((number) => number > 5);

console.log(filteredNumbers); // [6, 7, 8, 9, 10]

위 코드에서 우리는 numbers 배열에서 5보다 큰 숫자만 추출하고 싶은 경우, filter() 함수를 사용하여 조건에 맞는 값들을 추출합니다. 이때 destructuring을 사용하여 필요한 값을 개별적인 변수에 할당할 수 있습니다.

객체에서 특정 값 필터링하기

객체에서도 마찬가지로 destructuring을 활용하여 필요한 값을 추출할 수 있습니다.

const person = {
  name: 'John',
  age: 30,
  country: 'USA',
  profession: 'Developer',
};

// 나이와 직업만 추출하기
const { age, profession } = person;

console.log(age); // 30
console.log(profession); // 'Developer'

위 코드에서는 person 객체에서 age와 profession 값을 추출하여 개별적인 변수에 할당하고 있습니다.

destructuring을 활용하면, 배열이나 객체에서 필요한 값들을 쉽게 추출하여 사용할 수 있습니다. 이를 통해 코드를 더 간결하게 작성할 수 있으며, 필요한 값들에 더욱 편리하게 접근할 수 있습니다.

#javascript #destructuring