Rumah > Artikel > hujung hadapan web > Bagaimana untuk Menggabungkan Objek JavaScript dalam Tatasusunan dengan Kunci Dikongsi?
Menggabungkan Objek JavaScript dalam Tatasusunan dengan Kekunci Dikongsi
Dalam JavaScript, selalunya perlu untuk menggabungkan objek dengan kekunci yang serupa menjadi satu objek . Pertimbangkan contoh yang diberikan:
<code class="js">const array = [ { name: "foo1", value: "val1" }, { name: "foo1", value: ["val2", "val3"] }, { name: "foo2", value: "val4" } ];</code>
Matlamatnya adalah untuk menyusun semula tatasusunan ini menjadi tatasusunan "output" di mana semua kunci nilai digabungkan menjadi objek dengan nama yang dikongsi. Output yang dijangkakan akan kelihatan seperti:
<code class="js">const output = [ { name: "foo1", value: ["val1", "val2", "val3"] }, { name: "foo2", value: ["val4"] } ];</code>
Menggabungkan Objek
Satu pendekatan untuk masalah ini ialah menggunakan langkah berikut:
Kod Contoh
Kod berikut melaksanakan pendekatan yang diterangkan:
<code class="js">const array = [ { name: "foo1", value: "val1" }, { name: "foo1", value: ["val2", "val3"] }, { name: "foo2", value: "val4" } ]; let output = []; array.forEach(item => { const existing = output.filter(v => v.name == item.name); if (existing.length) { const existingIndex = output.indexOf(existing[0]); output[existingIndex].value = output[existingIndex].value.concat(item.value); } else { if (typeof item.value == 'string') item.value = [item.value]; output.push(item); } }); console.log(output);</code>
Kod ini akan menghasilkan tatasusunan output yang diingini di mana semua objek dengan nama yang sama mempunyai nilainya digabungkan.
Atas ialah kandungan terperinci Bagaimana untuk Menggabungkan Objek JavaScript dalam Tatasusunan dengan Kunci Dikongsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!