JavaScript를 사용하여 동일한 ID와 동일한 ID로 배열 요소를 하나의 객체로 병합하는 방법은 무엇입니까?

JavaScript 배열 요소 병합 : 동일한 ID와 하나의 객체로 요소를 병합

데이터 처리에서 배열 요소를 동일한 ID와 하나의 객체로 병합해야합니다. 이 기사는 자바 스크립트 솔루션을 제공하여 배열 요소를 동일한 ID이지만 다른 속성을 새로운 배열 형식으로 변환합니다.

원래 데이터 형식 :

 const list = [
    {id : "202301", Jine : 23, type : "dinner"},
    {id : "202301", Jine : 87.5, 유형 : "아침 식사"},
    {id : "202301", Jine : 1065.5, 유형 : "Chinese Food"},
    {id : "202302", Jine : 10, type : "dinner"},
    {id : "202302", Jine : 181.5, 유형 : "아침 식사"},
    {id : "202302", Jine : 633.5, 유형 : "중국 음식"}
];

대상 데이터 형식 :

 const targetList = [
    {id : "202301", jine1 : 87.5, jine2 : 1065.5, jine3 : 23},
    {id : "202302", Jine1 : 181.5, Jine2 : 633.5, jine3 : 10}
];

해결책:

우리는 reduce 방법을 사용하여 데이터 변환을 구현합니다. 이 메소드는 배열을 반복하고 각 요소를 결과 객체로 축적합니다.

 const result = object.values ​​(list.reduce ((acc, curr) => {
    const {id, jine, type} = curr;
    if (! acc [id]) {
        acc [id] = {id};
    }
    스위치 (유형) {
        사례 '아침 식사': acc [id] .jine1 = jine; 부서지다;
        사례 '중국 음식': acc [id] .jine2 = jine; 부서지다;
        사례 '저녁 식사': acc [id] .jine3 = jine; 부서지다;
    }
    반환 ACC;
}, {}));

Console.log (결과); // 대상 데이터 형식을 출력합니다

코드 설명 :

1. 방법 reduce 방법 : 방법 reduce 방법은 list 배열 위로 반복하고 각 요소를 객체 acc 로 축적합니다.
2. acc[id] : id 를 사용하여 데이터를 acc 객체에 저장하십시오. id 존재하지 않으면 새 객체가 생성됩니다.
3. switch 명령문 : type 속성의 값에 따라 jine1 , jine2 또는 jine3 에 jine 값을 할당하십시오.
4. Object.values ​​: 마지막으로 Object.values 사용하여 acc 객체를 배열로 변환하여 대상 데이터 형식을 얻습니다.

이 방법은 명확하고 간결하여 외부 라이브러리의 사용을 피하고 JavaScript 내장 방법을 직접 사용하여 데이터 변환을 구현합니다. 더 많은 유형의 식사를 처리 해야하는 경우 switch 문에 더 많은 case 추가해야합니다.

위 내용은 JavaScript를 사용하여 동일한 ID와 동일한 ID로 배열 요소를 하나의 객체로 병합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!