JavaScript 개체에서 특정 속성을 추출하는 방법은 무엇입니까?

JavaScript의 객체 하위 집합: 특정 속성 추출

다양한 시나리오에서 우리는 수많은 속성을 가진 객체를 접하게 되며 특정 하위 집합을 추출하는 것은 다음과 같이 될 수 있습니다. 필수적인. 이 질문은 JavaScript에서 이 목표를 달성하는 방법을 탐구합니다.

다음 개체 elmo를 고려하십시오.

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

목표는 이러한 개체 중 일부만 포함하는 새 개체인 하위 집합을 만드는 것입니다. 색상, 높이 등의 속성.

해결책 1: 구조 분해 및 속성 사용 속기

효과적인 솔루션 중 하나는 객체 구조 분해와 속성 속기를 활용하는 것입니다. 이 접근 방식은 중괄호 구문(${})을 활용하여 새 개체를 동적으로 생성하고 할당할 수 있도록 합니다.

const subset = ({ color, height }) => ({ color, height })(elmo);

이 코드에서는 개체를 매개 변수로 사용하는 새 화살표 함수가 정의됩니다. 중괄호 안에는 추출된 값을 새 객체의 이러한 속성에 자동으로 할당하는 속성 약칭을 사용하여 원하는 속성이 지정됩니다. elmo 개체를 인수로 사용하여 화살표 함수를 호출하면 결과 개체 하위 집합에는 색상 및 높이 속성만 포함됩니다.

출력 예:

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

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