객체 구조 분해 이용하여 속성, key, property 삭제 하기

반응형

객체, 배열 구조 분해 사용법

객체, 배열 구조 분해 할당을 사용하면 객체, 배열 내에 있는 값들을 쉽게 사용할 수 있습니다.

const [a, b] = [1, 2]
// a: 1, b: 2
const { name, age } = { name: 'superman', age: 25 }
// name: 'superman', age: 25

 

 

구조 분해 Rest Parameters 기능 사용하여 객체 Property 삭제 하기

Rest Parameters란? 

아래와 같이 뒤에 있는 남은 매개 변수를 한번에 받을 수 있는 방법입니다.

function foo(...a) {
    console.log(a)
}

foo(1, 2, 3, 4) // [1, 2, 3, 4]

 

객체 구조 분해 Rest Parameters를 사용하면 객체의 키를 제거 할 수 있습니다.

const { age, ...userInfo } = { name: 'superman', age: 25, job: 'developer' }
// userInfo {name: 'superman', job: 'developer'}

 

객체에서 나이를 제외한 나머지 값들만 객체로 만들고 싶으면

위와 같이 age를 앞에 두고, 

나머지 속성 값들이 Rest Parameter로 선언한 변수에 포함되게 됩니다.

728x90
반응형