자바스크립트는 ES6부터 Destructuring(비구조화 할당)이라는 기능을 도입하여 객체나 배열에서 원하는 값들을 추출할 수 있게 되었습니다. 이 기능을 활용하여 자바스크립트에서 특정 값들을 필터링하는 방법을 알아보겠습니다.

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

다음은 배열에서 특정 값을 필터링하는 예제입니다.

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

const [first, , third, ...rest] = numbers;

console.log(first); // 1
console.log(third); // 3
console.log(rest); // [4, 5]

위 코드에서 [first, , third, ...rest] 부분에서 Destructuring을 사용하여 배열 numbers에서 첫 번째 값, 세 번째 값, 나머지 값들을 추출하고 있습니다. 콘솔에 출력된 결과를 확인해보면 첫 번째 값은 1, 세 번째 값은 3, 나머지 값들은 [4, 5]임을 알 수 있습니다.

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

객체에서 특정 값을 필터링하는 방법도 마찬가지로 Destructuring을 사용할 수 있습니다. 다음은 객체에서 특정 값을 필터링하는 예제입니다.

const person = {
  name: 'John',
  age: 30,
  city: 'New York',
};

const { name, ...rest } = person;

console.log(name); // "John"
console.log(rest); // { age: 30, city: 'New York' }

위 코드에서 { name, ...rest } 부분에서 Destructuring을 사용하여 객체 person에서 name 속성을 추출하고, 나머지 속성들을 rest라는 변수에 할당하고 있습니다. 콘솔에 출력된 결과를 확인해보면 name은 “John”이고, rest는 { age: 30, city: 'New York' }임을 알 수 있습니다.

결론

Destructuring을 사용하면 자바스크립트에서 배열이나 객체에서 특정 값을 간편하게 추출하거나 필터링할 수 있습니다. 이를 통해 코드를 더 간결하고 가독성 좋게 작성할 수 있으며, 필요한 값들을 손쉽게 다룰 수 있습니다.

#JavaScript #Destructuring #필터링