JavaScript 개체에서 속성 하위 집합을 효율적으로 추출하는 방법은 무엇입니까?

JavaScript 개체에서 속성 하위 집합을 추출하는 방법

JavaScript 개체로 작업할 때 종종 다음과 같은 새 개체를 만들어야 합니다. 원본 개체의 특정 속성 집합만 포함됩니다. 예를 들어 다음 개체를 생각해 보세요.

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

색상 및 높이 속성만 사용하여 새 개체를 만들려면 개체 구조 분해를 사용할 수 있습니다.

const subset = { ...elmo, color: 'red', height: 'unknown' }

결과 하위 집합 개체는 다음 두 가지 속성만 포함합니다.

{ color: 'red', height: 'unknown' }

또 다른 대안은 Object.sign()을 사용하는 것입니다. 메서드:

const subset = Object.assign({}, elmo, { color: 'red', height: 'unknown' })

이 메서드는 기존 개체(이 경우 elmo)의 속성을 새로 할당된 속성과 병합하여 새 개체를 생성합니다.

마지막으로 다음을 사용할 수도 있습니다. 인기 있는 lodash 라이브러리의 _.pick() 메서드:

const subset = _.pick(elmo, ['color', 'height'])

어떤 방법을 선택하든 객체 구조 분해는 다음을 제공합니다. JavaScript 개체에서 속성의 하위 집합을 추출하는 간결하고 유연한 방법입니다.

위 내용은 JavaScript 개체에서 속성 하위 집합을 효율적으로 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!