Destructuring을 사용하여 자바스크립트에서 특정 값 제외하기

14 Sep 2023

javascript

아래는 배열에서 특정 값 제외하는 예시입니다.

const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];

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

console.log(first); // 'apple'
console.log(third); // 'orange'
console.log(rest); // ['grape', 'kiwi']

위 예시에서 [first, , third, ...rest]는 배열 fruits에서 첫 번째 값은 first 변수에, 세 번째 값은 third 변수에, 나머지 값은 rest 배열에 할당하는 것을 의미합니다. 두 번째 값인 'banana'은 제외되어 할당되지 않습니다.

객체에서 특정 값을 제외하는 방법은 다음과 같습니다.

const person = {
  name: 'John',
  age: 30,
  country: 'USA',
  occupation: 'developer'
};

const { name, age, ...others } = person;

console.log(name); // 'John'
console.log(age); // 30
console.log(others); // { country: 'USA', occupation: 'developer' }

위 코드에서 { name, age, ...others }는 객체 person에서 name 속성은 name 변수에, age 속성은 age 변수에, 나머지 속성은 others 객체에 할당하는 것을 의미합니다.

이렇게 Destructuring을 사용하면 원하는 값만 할당하고, 나머지 값은 간편하게 제외할 수 있습니다. 코드를 더욱 깔끔하게 유지할 수 있으며, 필요한 정보에만 집중하여 작업할 수 있습니다.

#JavaScript #Destructuring