JS: 스프레드를 사용하여 속성 제외

2969 단어 es6javascript
이 작은 트릭을 여러분과 공유하고 싶다고 생각했습니다. 필요할 때 가끔 이것을 찾는 제 자신을 발견하기 때문입니다.

JavaScript의 스프레드 연산자는 매우 유용할 수 있습니다.
예를 들어 개체의 복사본을 만들려면 다음을 수행합니다.

const firstObject = {id: 0, name: 'John'};
const secondObject = {...firstObject};

console.log(firstObject);
console.log(secondObject);

// { id: 0, name: 'John'}
// { id: 0, name: 'John'}


하지만 퍼뜨릴 때 속성을 제외하는 데에도 사용할 수 있다는 것을 알고 계셨습니까?

const firstObject = {id: 0, firstName: 'John', lastName: 'Smith', age: 77 };
// take every property except age:
const {age, ...secondObject} = firstObject;

console.log(firstObject);
console.log(secondObject);
// { id: 0, firstName: 'John', lastName: 'Smith', age: 77 }
// { id: 0, firstName: 'John', lastName: 'Smith' }


위의 예는 age를 자체 변수로 추출하고 나머지는 개체 secondObject에 넣습니다. 원하는 만큼 많은 속성으로 그렇게 할 수 있습니다.

좋은 웹페이지 즐겨찾기