Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menukar Susunan Objek menjadi Objek Tunggal dengan Pasangan Nilai Utama dalam JavaScript?

Bagaimana untuk Menukar Susunan Objek menjadi Objek Tunggal dengan Pasangan Nilai Utama dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-10 14:03:02
asal
336 orang telah melayarinya

How to Convert an Array of Objects into a Single Object with Key Value Pairs in JavaScript?

Menukar Tatasusunan Objek kepada Objek dengan Pasangan Nilai Utama

Diberikan tatasusunan objek seperti:

arr = [{"name1":"value1"},{"name2":"value2"},...]
Salin selepas log masuk

Bagaimanakah ia boleh ditukar kepada satu objek dengan nilai kunci pasangan:

{"name1":"value1","name2":"value2",...}
Salin selepas log masuk

Penukaran ini biasanya diperlukan untuk pelbagai senario pengaturcaraan. Di bawah ialah penyelesaian yang serasi dengan pelbagai jenis pelayar:

Penyelesaian:

Menggunakan gabungan Object.assign dan operator spread:

var object = Object.assign({}, ...arr);
Salin selepas log masuk

Penjelasan:

Object.assign() bercantum berbilang objek sumber ke dalam objek sasaran. Sintaks ...arr menggunakan operator spread untuk menggabungkan semua objek dalam tatasusunan menjadi satu objek. Oleh itu, hasilnya ialah objek baharu yang mengandungi semua pasangan nilai kunci daripada semua objek dalam tatasusunan.

Nota:

Penyelesaian ini disokong dalam semua penyemak imbas utama yang menyokong ES6, termasuk Chrome, Firefox, Edge dan Safari.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Susunan Objek menjadi Objek Tunggal dengan Pasangan Nilai Utama 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