Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menukar Susunan Objek menjadi Objek Tunggal dalam JavaScript?

Bagaimanakah Saya Boleh Menukar Susunan Objek menjadi Objek Tunggal dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-12-07 09:48:12
asal
241 orang telah melayarinya

How Can I Convert an Array of Objects into a Single Object in JavaScript?

Menukar Tatasusunan Objek kepada Objek Tunggal

Dalam JavaScript, menukar tatasusunan objek kepada satu objek boleh dicapai menggunakan objek kaedah pemusnahan dan pengurangan(). Pertimbangkan tatasusunan objek berikut:

[
  { key: '11', value: '1100' },
  { key: '22', value: '2200' }
]
Salin selepas log masuk

Penyelesaian:

Untuk menukar tatasusunan ini kepada objek yang dikehendaki, ikut langkah berikut:

  1. Gunakan kaedah reduce() untuk mengulangi tatasusunan dan mengumpul nilai kunci pasangan:
const object = arr.reduce((obj, item) => {
  return Object.assign(obj, { [item.key]: item.value });
}, {});
Salin selepas log masuk
  1. Kaedah Object.assign() menggabungkan sifat objek kedua (dalam kes ini, { [item.key]: item.value }) ke dalam objek pertama (penumpuk obj).
  2. Nilai awal obj ialah objek kosong, jadi lelaran pertama mencipta sifat utama dengan nilai yang disimpan dalam harta item.kunci. Begitu juga, lelaran kedua menambah sifat 22 dengan nilai dalam item.value.
  3. Objek yang terhasil diberikan kepada pembolehubah objek.

Output:

Mengambil pembolehubah objek akan menghasilkan yang diingini output:

{
  "11": "1100",
  "22": "2200"
}
Salin selepas log masuk

Penyelesaian ini secara berkesan mengubah tatasusunan objek menjadi satu objek dengan pasangan nilai kunci yang dikehendaki.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Susunan Objek menjadi Objek Tunggal dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan