>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 배열 항목을 객체로 그룹화하는 방법은 무엇입니까?

JavaScript에서 배열 항목을 객체로 그룹화하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-16 05:43:16636검색

How to Group Array Items into Objects in JavaScript?

배열 항목을 객체로 그룹화

당신은 객체 배열을 그룹화된 객체가 있는 새로운 배열로 변환하는 작업을 맡게 됩니다. 각 그룹마다 배열로 결합됩니다. 이 문제에 접근하는 방법은 다음과 같습니다.

var myArray = [
  {group: "one", color: "red"},
  {group: "two", color: "blue"},
  {group: "one", color: "green"},
  {group: "one", color: "black"}
];
// Create a mapping of group names to arrays of values
var group_to_values = myArray.reduce(function (obj, item) {
  obj[item.group] = obj[item.group] || [];
  obj[item.group].push(item.color);
  return obj;
}, {});
// Convert the mapping to an array of grouped objects
var groups = Object.keys(group_to_values).map(function (key) {
  return {group: key, color: group_to_values[key]};
});

결과 그룹 배열은 다음과 같습니다.

[
  {group: "one", color: ["red", "green", "black"]},
  {group: "two", color: ["blue"]}
]

이 접근 방식은 축소 및 매핑 배열 방법을 활용하여 효율적으로 데이터를 그룹화하고 변환합니다.

위 내용은 JavaScript에서 배열 항목을 객체로 그룹화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.