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:

1. Lelaran melalui setiap objek dalam tatasusunan menggunakan forEach().
2. Tapis tatasusunan output untuk mencari objek sedia ada dengan kekunci nama yang sama.
3. Jika objek sedia ada ditemui, gabungkan nilai objek semasa kepada tatasusunan nilainya.
4. Jika objek sedia ada tidak ditemui, cipta objek baharu dengan sifat objek semasa dan tambahkannya pada tatasusunan output.
5. Kendalikan kemungkinan daripada nilai itu ialah rentetan dengan menukarkannya kepada tatasusunan.

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!