JavaScript를 사용하여 키별로 개체 그룹화
특정 키로 개체 배열을 그룹화하는 것은 프로그래밍에서 일반적인 작업이며, 특히 작업할 때 더욱 그렇습니다. 데이터 세트. 이를 달성하는 효율적인 방법 중 하나는 Reduce() 메서드를 사용하는 것입니다.
JavaScript에서는 다음 단계를 수행할 수 있습니다.
-
객체 배열 선언: 예제에 제공된 예와 유사한 자동차 개체 배열이 있다고 가정해 보겠습니다. 질문:
1 2 3 4 5 6 7 | const cars = [
{ make: 'audi' , model: 'r8' , year: '2012' },
{ make: 'audi' , model: 'rs5' , year: '2013' },
{ make: 'ford' , model: 'mustang' , year: '2012' },
{ make: 'ford' , model: 'fusion' , year: '2015' },
{ make: 'kia' , model: 'optima' , year: '2012' },
];
|
로그인 후 복사
-
객체를 누산기로 초기화: Reduce() 메서드에 대한 누산기 역할을 할 빈 객체를 만듭니다. 이 객체는 그룹화된 값을 저장합니다.
-
reduce()를 사용하여 배열을 반복합니다. cars 배열에 Reduce() 메서드를 사용하여 각 객체를 반복합니다. Reduce() 함수는 두 개의 인수를 사용합니다.
-
accumulator: 2단계에서 생성된 객체.
-
currentElement: 현재 반복 중인 객체 over.
-
accumulator에 객체 추가: Reduce() 메서드 내에서 현재 make 속성이 accumulator 객체의 속성으로 존재하는지 확인합니다. 존재하지 않는 경우 해당 속성에 새 배열을 만듭니다. 그런 다음 currentElement를 생성된 배열에 푸시합니다. 이 프로세스는 제조사에 따라 객체를 효과적으로 그룹화합니다.
1 2 3 4 5 6 7 8 9 10 11 | const groupedCars = cars.reduce((accumulator, currentElement) => {
const make = currentElement.make;
if (!accumulator[make]) {
accumulator[make] = [];
}
accumulator[make].push(currentElement);
return accumulator;
}, {});
|
로그인 후 복사
-
그룹화된 객체를 반환합니다. Reduce() 메소드는 그룹화된 객체를 포함하는 누적된 객체를 반환합니다. 값.
-
그룹화된 결과 기록: 그룹화된 개체를 콘솔에 기록하여 다음을 수행할 수 있습니다. 출력을 확인하세요.
1 | console.log(groupedCars);
|
로그인 후 복사
이 접근 방식은 바닐라 JavaScript를 사용하고 지정된 키를 기반으로 개체를 그룹화하는 구조화된 방법을 제공하여 그룹화된 값으로 새 개체를 생성합니다.
위 내용은 `reduce()` 메서드를 사용하여 키별로 JavaScript 개체를 그룹화하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!