객체를 사용하여 배열 항목 그룹화
객체가 포함된 배열을 처리할 때 공통 속성을 기반으로 항목을 그룹화하는 것이 유용할 수 있습니다. 이는 그룹 이름과 관련 값의 매핑을 생성하여 달성할 수 있습니다.
다음과 같은 배열이 있다고 가정합니다.
myArray = [ {group: "one", color: "red"}, {group: "two", color: "blue"}, {group: "one", color: "green"}, {group: "one", color: "black"} ]
이를 항목이 있는 새 배열로 변환하려고 합니다. "그룹" 속성으로 그룹화됩니다.
myArray = [ {group: "one", color: ["red", "green", "black"]}, {group: "two", color: ["blue"]} ]
이를 달성하려면 다음을 사용할 수 있습니다. 단계:
다음은 JavaScript 예입니다. 구현:
var myArray = [ {group: "one", color: "red"}, {group: "two", color: "blue"}, {group: "one", color: "green"}, {group: "one", color: "black"} ]; var group_to_values = myArray.reduce(function (obj, item) { obj[item.group] = obj[item.group] || []; obj[item.group].push(item.color); return obj; }, {}); var groups = Object.keys(group_to_values).map(function (key) { return {group: key, color: group_to_values[key]}; });
실행 시 이 코드는 원하는 그룹화된 배열을 생성합니다.
groups: { "one": [ "red", "green", "black" ], "two": [ "blue" ] }
위 내용은 JavaScript에서 공통 속성으로 배열 항목을 그룹화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!