Cara Menukar Iterables kepada Objek Menggunakan Object.fromEntries() dalam JavaScript

Pasangan nilai kunci selalunya diproses dalam pembangunan JavaScript. Kaedah Object.fromEntries() yang diperkenalkan dalam ECMAScript 2019 memudahkan proses ini, membolehkan anda menukar objek boleh lelar (seperti tatasusunan atau Peta) kepada objek biasa dengan mudah. Kaedah ini berguna apabila bekerja dengan objek Peta atau mengubah struktur data yang mengandungi pasangan nilai kunci.

Tatabahasa dan penggunaan:

Object.fromEntries() Sintaks kaedah adalah mudah:

Object.fromEntries(iterable);

Contoh:

<code class="language-javascript">const entries = [['name', 'John'], ['age', 30], ['city', 'New York']];
const obj = Object.fromEntries(entries);
console.log(obj);
// 输出: { name: 'John', age: 30, city: 'New York' }</code>

Dalam contoh ini, kaedah Object.fromEntries() menukar tatasusunan dua dimensi yang mengandungi pasangan nilai kunci kepada objek.

Aplikasi praktikal:

• Tukar Peta kepada Objek: Jika anda mempunyai objek Peta dan ingin menukarnya kepada objek biasa, Object.fromEntries() menyediakan penyelesaian mudah.

<code class="language-javascript">const map = new Map([
  ['name', 'Alice'],
  ['age', 25]
]);

const userObj = Object.fromEntries(map);
console.log(userObj); // { name: 'Alice', age: 25 }</code>

• Tapis pasangan nilai kunci: Anda boleh menggunakan Object.fromEntries() bersama kaedah tatasusunan lain untuk menapis dan mengubah suai pasangan nilai kunci sebelum menukarnya kepada objek.

<code class="language-javascript">const data = [
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'Paris']
];

const filteredData = Object.fromEntries(
  data.filter(([key, value]) => key !== 'age')
);

console.log(filteredData); // { name: 'Alice', city: 'Paris' }</code>

Pertimbangan prestasi:

Object.fromEntries() sesuai untuk kes penggunaan biasa, seperti menukar Peta atau tatasusunan pasangan nilai kunci kepada objek. Walau bagaimanapun, prestasi boleh menjadi isu apabila berurusan dengan set data yang sangat besar. Dalam kes ini, adalah disyorkan untuk menguji dan mengoptimumkan kod mengikut keperluan khusus.

Keserasian dan sokongan penyemak imbas:

Kaedah

Object.fromEntries() disokong oleh penyemak imbas dan persekitaran berikut:

• Chrome 73
• Firefox 68
• Safari 12.1
• Node.js 12

Jika anda memerlukan keserasian dengan penyemak imbas lama, sila pertimbangkan untuk menggunakan polyfill untuk memastikan keserasian.

Atas ialah kandungan terperinci Cara Menukar Iterables kepada Objek Menggunakan Object.fromEntries() dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!