Bagaimanakah saya boleh menggabungkan objek JavaScript dalam tatasusunan yang mempunyai kunci yang sama?

Cara Menggabungkan Objek JavaScript dalam Tatasusunan dengan Kunci Yang Sama

Dalam JavaScript, anda mungkin menghadapi situasi di mana anda mempunyai tatasusunan objek dengan kunci biasa dan anda perlu menggabungkan nilai mereka menjadi satu objek. Ini boleh berguna untuk menyusun dan mengagregatkan data.

Sebagai contoh, pertimbangkan tatasusunan objek berikut:

<code class="javascript">var array = [
    {
        name: "foo1",
        value: "val1"
    }, {
        name: "foo1",
        value: [
            "val2",
            "val3"
        ]
    }, {
        name: "foo2",
        value: "val4"
    }
];</code>

Dalam contoh ini, objek berkongsi kunci "nama". Untuk menggabungkan nilainya ke dalam satu objek, anda boleh menggunakan pendekatan berikut:

<code class="javascript">var output = [];

array.forEach(function(item) {
  var existing = output.filter(function(v, i) {
    return v.name == item.name;
  });
  if (existing.length) {
    var 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.dir(output);</code>

Output kod ini ialah susunan dua objek:

<code class="javascript">[
    {
        name: "foo1",
        value: [
            "val1",
            "val2",
            "val3"
        ]
    }, {
        name: "foo2",
        value: [
            "val4"
        ]
    }
]</code>

Dalam hasil ini , nilai untuk kunci "foo1" telah digabungkan menjadi satu tatasusunan dan kunci "foo2" kekal tidak disentuh. Pendekatan ini membolehkan anda menggabungkan objek dengan cekap dalam tatasusunan yang berkongsi kunci biasa, menyatukan nilainya menjadi perwakilan yang lebih teratur.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggabungkan objek JavaScript dalam tatasusunan yang mempunyai kunci yang sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!