자바 스크립트에서 동적 다차원 객체 배열을 만드는 방법

모하마드 야세르 아마디

자동차에 대한 정보가있는 개체가 여러 개 있습니다. 나는 그룹화하고 싶다categoryId

var car = [
  { category: 1, model: "bmw" },
  { category: 1, model: "benz" },
  { category: 1, model: 'ford' }
  { category: 2, model: "kia" },
  { category: 2, model: "fiat" },
  { category: 3, model: "mg" },
];

나는이 결과를 원한다

[  
  [
    { category: 1, model: 'bmw' },
    { category: 1, model: 'benz' },
    { category: 1, model: 'ford' }
  ],
  [ 
    { category: 2, model: 'kia' },
    { category: 2, model: 'fiat' }
  ],
  [ 
    { category: 3, model: 'mg' }
  ]
]

이것은 내 솔루션이지만 감소 또는 ...를 기반 으로이 결과에 대한 방법을 원합니다 if.forEach

let groupedCars = [];
cars.forEach((car) => {
  if (!groupedCars[car.category]) {
    groupedCars[car.category] = [];
  }
  groupedCars[car.category].push(car);
});
Mr hr

방법을 사용 Array.prototype.reduce()하는 솔루션 . 배열을 탐색하고 reduce를 사용하여 범주별로 그룹화하고 마지막으로 사용 Object.values()하여 결과를 얻습니다.

const car = [
  { category: 1, model: 'bmw' },
  { category: 1, model: 'benz' },
  { category: 1, model: 'ford' },
  { category: 2, model: 'kia' },
  { category: 2, model: 'fiat' },
  { category: 3, model: 'mg' },
];

const ret = Object.values(
  car.reduce((prev, c) => {
    const p = prev;
    const key = c.category;
    p[key] = p[key] ?? [];
    p[key].push({ ...c });
    return p;
  }, {})
);
console.log(ret);

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

원형 차트 용 자바 스크립트에서 동적으로 개체 배열을 만드는 방법

분류에서Dev

자바 스크립트에서 객체 배열을 만드는 방법

분류에서Dev

자바 스크립트에서 배열 다차원을 푸시하는 방법

분류에서Dev

자바 스크립트에서 다차원 배열을 구현하는 방법

분류에서Dev

다른 객체를 사용하여 자바 스크립트에서 객체 배열을 만드는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 객체에서 배열 배열을 만드는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 객체 배열을 정렬하는 방법을 찾고 있습니다.

분류에서Dev

자바 스크립트에서 객체 배열을 결합한 다음 HTML 요소에 삽입하는 방법

분류에서Dev

자바 스크립트에서 동적 배열 변수를 만드는 방법

분류에서Dev

자바 스크립트에서 객체 배열과 다른 객체 배열 사이의 빈 배열을 확인하는 방법

분류에서Dev

자바 스크립트에서 JSON 객체 배열을 복사하는 방법

분류에서Dev

객체에서 자바 스크립트 배열을 연결하는 방법

분류에서Dev

자바 스크립트 remoteTK / 원격 툴킷을 사용할 때 자바 스크립트에서 datetime 객체를 만드는 방법

분류에서Dev

객체에서 자동으로 배열을 만드는 방법

분류에서Dev

자바 스크립트에서 2 차원 배열을 사용하여 드롭 다운을 채우는 방법

분류에서Dev

모든 배열을 다차원 자바 스크립트 객체의 객체로 재귀 적으로 변환

분류에서Dev

자바 스크립트에서 배열 1 [객체 배열]을 배열 2와 비교하는 방법

분류에서Dev

버튼 클릭시 자바 스크립트에서 동적 배열을 만드는 방법

분류에서Dev

자바 스크립트에서 중첩 배열이있는 객체 배열에서 값을 찾는 방법

분류에서Dev

자바 스크립트의 한 배열에서 다른 배열 객체 내부의 배열을 병합하는 방법

분류에서Dev

자바 스크립트에서 동적 정규식을 만드는 방법

분류에서Dev

자바 스크립트에서 다차원 JSON 객체를 반복하는 방법

분류에서Dev

객체 속성 중 하나가 자바 스크립트에서 다른 객체로 확산되는 배열을 변경하는 방법

분류에서Dev

다차원 객체를 자바 스크립트에서 테이블 행 열 형식으로 변환하는 방법

분류에서Dev

자바 스크립트를 사용하여 객체 배열을 다른 배열로 결합하는 방법

분류에서Dev

자바 스크립트에서 배열과 객체로 작업하는 방법

분류에서Dev

동적 자바 스크립트 개체를 만드는 방법

분류에서Dev

객체 자바 스크립트 내에서 객체 이름을 얻는 방법

분류에서Dev

객체 값의 자바 스크립트 배열을 동적으로 만들기

Related 관련 기사

  1. 1

    원형 차트 용 자바 스크립트에서 동적으로 개체 배열을 만드는 방법

  2. 2

    자바 스크립트에서 객체 배열을 만드는 방법

  3. 3

    자바 스크립트에서 배열 다차원을 푸시하는 방법

  4. 4

    자바 스크립트에서 다차원 배열을 구현하는 방법

  5. 5

    다른 객체를 사용하여 자바 스크립트에서 객체 배열을 만드는 방법은 무엇입니까?

  6. 6

    자바 스크립트 객체에서 배열 배열을 만드는 방법은 무엇입니까?

  7. 7

    자바 스크립트에서 객체 배열을 정렬하는 방법을 찾고 있습니다.

  8. 8

    자바 스크립트에서 객체 배열을 결합한 다음 HTML 요소에 삽입하는 방법

  9. 9

    자바 스크립트에서 동적 배열 변수를 만드는 방법

  10. 10

    자바 스크립트에서 객체 배열과 다른 객체 배열 사이의 빈 배열을 확인하는 방법

  11. 11

    자바 스크립트에서 JSON 객체 배열을 복사하는 방법

  12. 12

    객체에서 자바 스크립트 배열을 연결하는 방법

  13. 13

    자바 스크립트 remoteTK / 원격 툴킷을 사용할 때 자바 스크립트에서 datetime 객체를 만드는 방법

  14. 14

    객체에서 자동으로 배열을 만드는 방법

  15. 15

    자바 스크립트에서 2 차원 배열을 사용하여 드롭 다운을 채우는 방법

  16. 16

    모든 배열을 다차원 자바 스크립트 객체의 객체로 재귀 적으로 변환

  17. 17

    자바 스크립트에서 배열 1 [객체 배열]을 배열 2와 비교하는 방법

  18. 18

    버튼 클릭시 자바 스크립트에서 동적 배열을 만드는 방법

  19. 19

    자바 스크립트에서 중첩 배열이있는 객체 배열에서 값을 찾는 방법

  20. 20

    자바 스크립트의 한 배열에서 다른 배열 객체 내부의 배열을 병합하는 방법

  21. 21

    자바 스크립트에서 동적 정규식을 만드는 방법

  22. 22

    자바 스크립트에서 다차원 JSON 객체를 반복하는 방법

  23. 23

    객체 속성 중 하나가 자바 스크립트에서 다른 객체로 확산되는 배열을 변경하는 방법

  24. 24

    다차원 객체를 자바 스크립트에서 테이블 행 열 형식으로 변환하는 방법

  25. 25

    자바 스크립트를 사용하여 객체 배열을 다른 배열로 결합하는 방법

  26. 26

    자바 스크립트에서 배열과 객체로 작업하는 방법

  27. 27

    동적 자바 스크립트 개체를 만드는 방법

  28. 28

    객체 자바 스크립트 내에서 객체 이름을 얻는 방법

  29. 29

    객체 값의 자바 스크립트 배열을 동적으로 만들기

뜨겁다태그

보관