객체 배열에서 객체 속성을 분해하고 해당 속성을 배열로 렌더링

Pacholoamit

저는 현재 두 개의 객체를 가지고 있습니다 (많지만 이것이 제가 여러분의 관심을 끌고 싶은 것입니다.) 보시다시피, 이것은 객체의 배열입니다. 내가 원하는 것은 각 객체의 지정된 속성을 가져 와서 배열에 저장하는 것입니다. 따라서 예를 들어 object property를 원하고 개체의 PricePrice속성을 가져와이 경우와 같이 값만 포함하는 배열에 모두 저장하고 싶습니다.[215.23,215.23]

 [{
        CompanyName: "Microsoft Corp.",
        Date: 1606503905,
        Price: 215.23,
        Quantity: 50,
        Symbol: "MSFT",
        TotalCost: 10761.5
      },
      {
        CompanyName: "Microsoft Corp.",
        Date: 1606503913,
        Price: 215.23,
        Quantity: 25,
        Symbol: "MSFT",
        TotalCost: 5380.75
      }
    ]

다음은 스 니펫입니다.

function RadialChart(props) {
    const { transactionData } = props; //Array of objects stored here
    transactionData.map((data) => {console.log(data.TotalCost)})

useState와 map 메소드를 사용해 보았지만 제대로하고 있다고 생각하지 않습니다. 지도를 사용할 때 나는 const arr= []then did an을 선언 arr.concat(data.TotalCost)했지만 작동하지 않았습니다. 해결책이 있으면 알려주세요. 감사합니다.

Aplet123

가격 배열 만 원하면 가격 만 map반환합니다.

const prices = transactionData.map((data) => data.Price);
console.log(prices); // [215.23, 215.23]

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

객체 배열을 통해 매핑하고 해당 속성에 동적으로 액세스 (변수 사용)

분류에서Dev

객체 배열을 반복하여 해당 객체 내의 해당 속성에 종속 된 속성을 반환하는 방법은 무엇입니까?

분류에서Dev

속성에 따라 객체 배열을 여러 객체 배열로 필터링

분류에서Dev

배열을 구조화하고 한 줄로 속성 객체에 할당

분류에서Dev

객체 속성을 통해 JSON 배열에 액세스

분류에서Dev

객체 배열을 필터링하고 Swift에서 속성 합계

분류에서Dev

Javascript는 배열의 객체를 필터링하고 배열의 객체 배열에서 객체의 속성을 반환합니다.

분류에서Dev

객체 배열의 값 속성을 기반으로 중복 객체를 찾은 다음 해당 레이블 속성에서 중복 객체를 연결하는 배열을 줄입니다.

분류에서Dev

인스턴스에 속한 객체로 해시 렌더링

분류에서Dev

객체 배열 등으로 객체 배열을 통해 반복

분류에서Dev

객체 속성 (JavaScript)을 사용하여 객체 배열에서 요소 제거

분류에서Dev

객체 속성 (JavaScript)을 사용하여 객체 배열에서 요소 제거

분류에서Dev

배열 내에서 React Component의 상태 내에서 객체의 속성을 렌더링합니다.

분류에서Dev

다른 객체 배열에 대해 객체 배열을 필터링합니까?

분류에서Dev

객체 배열을 기본 배열로 변환 (객체 속성에서 추출)

분류에서Dev

객체 배열을 기본 배열로 변환 (객체 속성에서 추출)

분류에서Dev

객체 배열에서 속성의 첫 번째 문자를 기반으로 객체 배열을 필터링하는 방법은 무엇입니까?

분류에서Dev

Javascript의 여러 배열 속성을 기반으로 객체 배열을 그룹 해제하는 방법

분류에서Dev

Swift에서 객체 배열의 해당 속성에 int 배열을 할당하는 방법은 무엇입니까?

분류에서Dev

Javascript-배열에있는 객체의 속성을 변경하면 배열이 더티로 표시됩니까?

분류에서Dev

속성을 선언하지 않고 배열을 배열 객체로 푸시

분류에서Dev

객체의 속성 배열에서 제외되는 배열을 필터링하는 방법

분류에서Dev

특정 객체 속성의 값을 계산하기 위해 객체 배열을 던집니다.

분류에서Dev

객체 배열에 대한 속성의 곱을 더합니다.

분류에서Dev

Processing에서만 하나의 속성을 기준으로 객체 배열 정렬

분류에서Dev

속성별로 정렬 된 객체 / 해시 배열 반환

분류에서Dev

배열의 객체 속성을 여러 클래스 속성에 할당하는 방법은 무엇입니까?

분류에서Dev

배열의 문자열을 통해 PHP 액세스 중첩 객체 속성

분류에서Dev

객체와 배열로 함수를 호출하고 객체에 속성을 추가하려면 어떻게해야합니까?

Related 관련 기사

  1. 1

    객체 배열을 통해 매핑하고 해당 속성에 동적으로 액세스 (변수 사용)

  2. 2

    객체 배열을 반복하여 해당 객체 내의 해당 속성에 종속 된 속성을 반환하는 방법은 무엇입니까?

  3. 3

    속성에 따라 객체 배열을 여러 객체 배열로 필터링

  4. 4

    배열을 구조화하고 한 줄로 속성 객체에 할당

  5. 5

    객체 속성을 통해 JSON 배열에 액세스

  6. 6

    객체 배열을 필터링하고 Swift에서 속성 합계

  7. 7

    Javascript는 배열의 객체를 필터링하고 배열의 객체 배열에서 객체의 속성을 반환합니다.

  8. 8

    객체 배열의 값 속성을 기반으로 중복 객체를 찾은 다음 해당 레이블 속성에서 중복 객체를 연결하는 배열을 줄입니다.

  9. 9

    인스턴스에 속한 객체로 해시 렌더링

  10. 10

    객체 배열 등으로 객체 배열을 통해 반복

  11. 11

    객체 속성 (JavaScript)을 사용하여 객체 배열에서 요소 제거

  12. 12

    객체 속성 (JavaScript)을 사용하여 객체 배열에서 요소 제거

  13. 13

    배열 내에서 React Component의 상태 내에서 객체의 속성을 렌더링합니다.

  14. 14

    다른 객체 배열에 대해 객체 배열을 필터링합니까?

  15. 15

    객체 배열을 기본 배열로 변환 (객체 속성에서 추출)

  16. 16

    객체 배열을 기본 배열로 변환 (객체 속성에서 추출)

  17. 17

    객체 배열에서 속성의 첫 번째 문자를 기반으로 객체 배열을 필터링하는 방법은 무엇입니까?

  18. 18

    Javascript의 여러 배열 속성을 기반으로 객체 배열을 그룹 해제하는 방법

  19. 19

    Swift에서 객체 배열의 해당 속성에 int 배열을 할당하는 방법은 무엇입니까?

  20. 20

    Javascript-배열에있는 객체의 속성을 변경하면 배열이 더티로 표시됩니까?

  21. 21

    속성을 선언하지 않고 배열을 배열 객체로 푸시

  22. 22

    객체의 속성 배열에서 제외되는 배열을 필터링하는 방법

  23. 23

    특정 객체 속성의 값을 계산하기 위해 객체 배열을 던집니다.

  24. 24

    객체 배열에 대한 속성의 곱을 더합니다.

  25. 25

    Processing에서만 하나의 속성을 기준으로 객체 배열 정렬

  26. 26

    속성별로 정렬 된 객체 / 해시 배열 반환

  27. 27

    배열의 객체 속성을 여러 클래스 속성에 할당하는 방법은 무엇입니까?

  28. 28

    배열의 문자열을 통해 PHP 액세스 중첩 객체 속성

  29. 29

    객체와 배열로 함수를 호출하고 객체에 속성을 추가하려면 어떻게해야합니까?

뜨겁다태그

보관