Bagaimana cara menggabungkan objek array dengan ID yang sama mengikut jenis dan memperuntukkan jumlah menggunakan JavaScript?

Artikel ini menerangkan cara menggunakan JavaScript untuk memproses array, menggabungkan objek dengan ID yang sama ke dalam objek baru, dan memperuntukkan jumlah ke bidang yang berbeza mengikut jenis yang berbeza (sarapan, Cina, makan malam).

Katakan kita mempunyai pelbagai objek, masing -masing dengan medan id , jine (Amaun) dan type (Jenis). Matlamatnya adalah untuk menukar data ini ke dalam format lain, di mana data yang sepadan dengan setiap id digabungkan menjadi satu objek, dan nilai jine diberikan kepada jine1 (sarapan), jine2 (makanan Cina), dan jine3 (makan malam) medan mengikut type .

Data mentah:

 senarai const = [
    {id: "202301", Jine: 23, Jenis: "Makan Malam"},
    {id: "202301", Jine: 87.5, Jenis: "Sarapan"},
    {id: "202301", Jine: 1065.5, Jenis: "Makanan Cina"},
    {id: "202302", Jine: 10, Jenis: "Makan Malam"},
    {id: "202302", Jine: 181.5, Jenis: "Sarapan"},
    {id: "202302", Jine: 633.5, Jenis: "Makanan Cina"}
];

Format Sasaran:

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

Untuk mencapai matlamat ini, kita boleh menggunakan kaedah reduce untuk melangkah ke atas array dan membuat objek baru untuk menyimpan hasilnya.

Penyelesaian:

 const result = object.values ​​(list.reduce ((acc, curr) => {
    jika (! acc [curr.id]) {
        acc [curr.id] = {id: curr.id, jine1: 0, jine2: 0, jine3: 0};
    }
    jika (curr.type === 'sarapan') acc [curr.id] .jine1 = curr.jine;
    jika (curr.type === 'makanan Cina') acc [curr.id] .jine2 = curr.jine;
    jika (curr.type === 'makan malam') acc [curr.id] .jine3 = curr.jine;
    kembali acc;
}, {}));

console.log (hasil); // array output dalam format sasaran

Kod ini pertama menggunakan kaedah reduce untuk menukar array asal ke dalam objek, kunci adalah id , dan nilai adalah objek yang mengandungi jine1 , jine2 , dan jine3 . Kemudian gunakan kaedah Object.values ​​untuk menukar objek ke dalam array. Dalam kaedah reduce , kita periksa sama ada id semasa wujud dalam acc , jika ia tidak wujud, buat objek baru, dan berikan nilai jine ke medan yang sepadan mengikut type .

Kaedah ini mengelakkan penggunaan Object.groupBy dan find kaedah, meningkatkan kebolehbacaan dan kecekapan kod, dan mengendalikan penggabungan data dan peruntukan jumlah lebih langsung. Ia juga lebih mantap kerana tidak perlu menangani kes -kes di mana kaedah find boleh kembali undefined .

Atas ialah kandungan terperinci Bagaimana cara menggabungkan objek array dengan ID yang sama mengikut jenis dan memperuntukkan jumlah menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!