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

객체 속성별로 배열 항목 그룹화

귀하의 시나리오에서는 공통 그룹 속성을 가진 객체가 포함된 배열을 새 배열로 통합하려고 합니다. . 각 그룹에는 고유한 색상 배열이 있어야 합니다.

JavaScript를 사용하여 이를 달성하려면:

1. 그룹 이름과 값의 매핑 생성:
   빈 개체, group_to_values. 그런 다음, 축소 메소드를 사용하여 입력 배열 myArray를 탐색합니다.

• myArray의 각 객체에 대해 그룹 속성을 확인합니다.
• 그룹 속성을 group_to_values에 키를 입력하세요.
• 그렇지 않은 경우 해당 키에 배열을 만듭니다. 존재합니다.
• 객체의 색상 속성을 해당 그룹 키의 배열에 푸시합니다.

var group_to_values = myArray.reduce(function (obj, item) {
    obj[item.group] = obj[item.group] || [];
    obj[item.group].push(item.color);
    return obj;
}, {});

2. 원하는 형식으로 변환:
   group_to_values ​​개체를 원하는 배열 형식으로 변환합니다. Object.keys()를 사용하여 그룹 이름을 가져와 객체로 변환합니다.

var groups = Object.keys(group_to_values).map(function (key) {
    return {group: key, color: group_to_values[key]};
});

결과 그룹은 색상 배열을 사용하여 각각 그룹을 나타내는 객체 배열이 됩니다. 해당 그룹의 고유한 색상이 모두 포함되어 있습니다.

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