Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Memetakan Objek JavaScript Tanpa Fungsi `map()` Asli?

Bagaimanakah Saya Boleh Memetakan Objek JavaScript Tanpa Fungsi `map()` Asli?

Barbara Streisand
Lepaskan: 2024-12-12 22:57:18
asal
555 orang telah melayarinya

How Can I Map JavaScript Objects Without a Native `map()` Function?

Memetakan Objek dengan Fungsi Asli

JavaScript secara asalnya tidak mempunyai fungsi peta yang direka khusus untuk objek seperti yang tersedia untuk tatasusunan dengan Array.prototype .peta. Walau bagaimanapun, mari kita teroka pendekatan untuk mencapai kefungsian yang serupa.

Mencontohi Peta Objek Asli

Walaupun JavaScript tidak menyediakan Object.prototype.map terbina dalam , kita boleh mencapai tingkah laku yang serupa menggunakan gabungan fungsi Object.keys() dan forEach() kaedah:

var myObject = { 'a': 1, 'b': 2, 'c': 3 };

Object.keys(myObject).forEach(function(key, index) {
  myObject[key] *= 2;
});

console.log(myObject);
// => { 'a': 2, 'b': 4, 'c': 6 }
Salin selepas log masuk

Dalam kod ini, kita mula-mula mendapatkan kekunci objek menggunakan Object.keys(), yang mengembalikan tatasusunan yang mengandungi nama sifat objek. Kami kemudian lelaran melalui tatasusunan ini menggunakan kaedah forEach(), di mana kami boleh mengakses nilai hartanah menggunakan myObject[key]. Akhir sekali, kami mengubah suai nilai sifat pada tempatnya dengan mendarabkannya dengan dua.

Output kod di atas menunjukkan bahawa semua sifat objek dipetakan dan nilai didarabkan dengan dua, menghasilkan objek dikemas kini seperti yang diharapkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memetakan Objek JavaScript Tanpa Fungsi `map()` Asli?. 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