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

객체 배열에서 특정 속성을 추출하는 방법

JavaScript에서는 각각 상당한 수의 속성을 포함하는 객체 배열을 소유하는 시나리오가 발생할 수 있습니다. , 그러나 추가 처리를 위해서는 선택된 몇 가지만 필요합니다. 이 가이드에서는 원하는 속성을 추출하고 지정된 속성만으로 구성된 새 배열을 생성하는 기술을 자세히 설명합니다.

설명을 위해 다음과 같은 가상의 개체 배열을 고려해보세요.

<code class="javascript">const dummyArray = [
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    // …
];</code>

방법 1: 객체 구조 분해 사용

객체 분해를 사용하면 객체에서 특정 속성을 추출하여 새 변수에 할당할 수 있습니다. 이 기술을 활용하면 원하는 속성만 포함하는 새 배열을 만들 수 있습니다.

<code class="javascript">const result = dummyArray.map(({ att20, att30, att70, att80 }) => ({
  att20, 
  att30, 
  att70, 
  att80
}));</code>

이 예에서 map() 메서드는 dummyArray의 각 객체를 반복하고 다음 속성만 포함하는 새 객체를 반환합니다. att20, att30, att70 및 att80 속성.

방법 2: 삭제 연산자 사용

각 개체에서 원하지 않는 속성을 선택적으로 삭제하고 원하는 속성을 유지할 수도 있습니다. ones:

<code class="javascript">const newDummyArray = dummyArray.map(function(item) { 
    delete item.att1; 
    // …
    return item; 
});</code>

이 접근 방식에서는 삭제 연산자를 사용하여 원치 않는 속성을 제거하고 수정된 배열 newDummyArray에 필요한 속성만 남겨 둡니다.

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