배열 객체를 동일한 ID로 유형별로 병합하고 JavaScript를 사용하여 금액을 할당하는 방법은 무엇입니까?

이 기사에서는 JavaScript를 사용하여 배열을 처리하고 동일한 ID의 객체를 새 개체로 병합하고 다른 유형 (아침 식사, 중국어, 저녁 식사)에 따라 다른 필드에 양을 할당하는 방법에 대해 설명합니다.

id , jine (양) 및 type (유형) 필드가있는 여러 개체 배열이 있다고 가정합니다. 목표는 이러한 데이터를 다른 형식으로 변환하는 것인데, 여기서 각 id 에 해당하는 데이터가 하나의 객체로 병합되고 jine 값은 type 에 따라 jine1 (아침 식사), jine2 (중국 음식) 및 jine3 (저녁) 필드에 할당됩니다.

원시 데이터 :

 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 expectlist = [
    {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) => {
    if (! acc [curr.id]) {
        acc [curr.id] = {id : curr.id, jine1 : 0, jine2 : 0, jine3 : 0};
    }
    if (curr.type === 'Breakfast') acc [curr.id] .jine1 = curr.jine;
    if (curr.type === '중국 음식') acc [curr.id] .jine2 = curr.jine;
    if (curr.type === 'dinner') acc [curr.id] .jine3 = curr.jine;
    반환 ACC;
}, {}));

Console.log (결과); // 대상 형식의 출력 배열

이 코드는 먼저 reduce 메소드를 사용하여 원래 배열을 객체로 변환하고 키는 id 이며 값은 jine1 , jine2 및 jine3 포함하는 객체입니다. 그런 다음 Object.values 를 사용하여 객체를 배열로 변환합니다. reduce 방법에서는 현재 id acc 에 존재하는지 여부를 확인하고, 존재하지 않는 경우 새 개체를 생성하고, type 에 따라 해당 필드에 jine 값을 할당합니다.

이 방법은 Object.groupBy 의 사용을 피하고 Groupby 및 메소드를 find 코드의 가독성과 효율성을 향상 시키며 데이터 병합 및 금액 할당을보다 직접 처리합니다. find 메소드가 정의되지 undefined 반환 될 수있는 경우를 처리 할 필요가 없기 때문에 더욱 강력합니다.

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