Bagaimanakah cara menukar tatasusunan objek kepada satu objek dengan pasangan nilai kunci dalam JavaScript?

Menukar Tatasusunan Objek kepada Objek dengan Pasangan Nilai Kunci dalam JavaScript

Dalam JavaScript, menukar tatasusunan objek kepada objek tunggal dengan pasangan nilai kunci memerlukan penggunaan teknik manipulasi tatasusunan lanjutan. Mari kita terokai cara untuk mencapai ini dalam cara yang serasi dengan penyemak imbas.

Untuk bermula, mari kita fahami struktur tatasusunan input:

var arr = [{"name1":"value1"},{"name2":"value2"},...];

Tatasusunan ini mengandungi berbilang objek, setiap satu dengan satu kunci -pasangan nilai. Matlamat kami adalah untuk mencipta objek yang menggabungkan pasangan nilai kunci daripada semua objek dalam tatasusunan.

Menggunakan Object.assign() dan Sintaks Spread

Penyelesaian yang paling moden dan serasi pelayar ialah menggunakan kaedah Object.assign() bersama-sama dengan sintaks penyebaran (...). Object.assign() menggabungkan sifat daripada berbilang objek sumber ke dalam objek sasaran. Menggunakan sintaks hamparan pada tatasusunan arr membolehkan kami meratakannya, menggabungkan semua objek ke dalam satu sumber.

var array = [{ name1: "value1" }, { name2: "value2" }],
    object = Object.assign({}, ...array);

console.log(object); // {name1: "value1", name2: "value2"}

Dalam contoh ini, Object.assign() mencipta objek baharu (objek) dengan menggabungkan objek kosong {} dengan tatasusunan leper yang dicipta oleh sintaks hamparan (...tatasusunan). Ini menggabungkan semua pasangan nilai kunci daripada objek dalam tatasusunan arr menjadi satu objek.

Sokongan untuk Penyemak Imbas Lama

Jika anda perlu menyokong pelayar lama yang tidak mempunyai Object.assign( ) atau sintaks spread, anda boleh menggunakan polyfill untuk menyediakan kaedah ini. Selain itu, terdapat kaedah alternatif lain, seperti menggunakan reduce() atau untuk gelung, untuk mencapai hasil yang sama. Walau bagaimanapun, pendekatan ini mungkin kurang cekap atau memerlukan lebih banyak kod.

Atas ialah kandungan terperinci Bagaimanakah cara menukar tatasusunan objek kepada satu objek dengan pasangan nilai kunci dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!