속성 약칭을 사용하여 JavaScript 개체의 하위 집합을 어떻게 만들 수 있나요?

속성 약어로 JavaScript 객체 하위 설정

JavaScript에서 객체는 키-값 쌍을 사용하여 데이터를 저장하고 구성하는 편리한 방법을 제공합니다. 그러나 원본 개체 속성의 하위 집합만 사용하여 새 개체를 만들어야 하는 상황이 있을 수 있습니다.

문제:

다음 개체를 고려하세요.

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};

색상, 색상 등 이러한 속성의 특정 하위 집합만 포함하는 새 개체를 생성하려고 합니다. height.

해결책:

객체 구조 분해 및 속성 약식은 이를 달성하기 위한 우아한 방법을 제공합니다.

const subset = { ...elmo, color, height };

이 구문은 새 객체를 생성합니다. , 원본 elmo 객체의 색상 및 높이 속성만 포함하는 하위 집합입니다. ...elmo 스프레드 연산자는 elmo의 다른 모든 속성을 복사하는 반면 속성 약어로 명시적으로 정의된 색상 및 높이 속성은 복사된 값을 재정의합니다.

예:

const object = { a: 5, b: 6, c: 7  };
const picked = (({ a, c }) => ({ a, c }))(object);

console.log(picked); // { a: 5, c: 7 }

위 내용은 속성 약칭을 사용하여 JavaScript 개체의 하위 집합을 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!