JavaScript menyediakan metode map() untuk membuat fungsi peta untuk berinteraksi dengan properti objek. Ini mengulangi semua atribut objek dengan memanfaatkan nilai kunci. Selain itu, peta. metode set() digunakan untuk menetapkan atribut objek. Apalagi Obyek. entri() mengembalikan semua atribut objek setelah membuat fungsi peta di JavaScript. Artikel ini mendemonstrasikan pembuatan fungsi peta untuk objek dan menampilkan semua atribut objek di jendela konsol Show Peta adalah kumpulan item data yang diberi kunci, seperti 5. Tetapi perbedaan utamanya adalah _3 mengizinkan kunci jenis apa punMetode dan properti adalah
Contohnya
Seperti yang bisa kita lihat, tidak seperti objek, kunci tidak diubah menjadi string. Semua jenis kunci dimungkinkan
Meskipun _9 juga berfungsi, mis. g. kita dapat mengatur _2, ini memperlakukan 3 sebagai objek JavaScript biasa, jadi ini menyiratkan semua batasan yang sesuai (hanya kunci string/simbol dan sebagainya)Jadi kita harus menggunakan metode ________18______3. 5, 6 dan seterusnyaPeta juga dapat menggunakan objek sebagai kunci Contohnya
Menggunakan objek sebagai kunci adalah salah satu fitur 3 yang paling menonjol dan penting. Hal yang sama tidak dihitung untuk 5. String sebagai kunci di 5 baik-baik saja, tetapi kita tidak dapat menggunakan 5 lain sebagai kunci di 5Mari mencoba
Karena _2 adalah sebuah objek, ia mengonversi semua 5 kunci, seperti 4 dan 5 di atas, menjadi string yang sama 6. Jelas bukan yang kita inginkanBagaimana Untuk menguji kunci kesetaraan, 3 menggunakan algoritme. Ini kira-kira sama dengan persamaan ketat 9, tetapi perbedaannya adalah bahwa 0 dianggap sama dengan 0. Jadi _0 dapat digunakan sebagai kunci jugaAlgoritme ini tidak dapat diubah atau disesuaikan Merantai Setiap _3 panggilan mengembalikan peta itu sendiri, sehingga kita dapat "menghubungkan" panggilan
Untuk mengulang _3, ada 3 metode
Contohnya
Urutan penyisipan digunakan Iterasi berjalan dalam urutan yang sama dengan nilai yang dimasukkan. 3 mempertahankan urutan ini, tidak seperti 5 biasaSelain itu, 3 memiliki metode 3 bawaan, mirip dengan 4
Saat _3 dibuat, kita dapat melewatkan array (atau iterable lainnya) dengan pasangan kunci/nilai untuk inisialisasi, seperti ini
Jika kita memiliki objek biasa, dan kita ingin membuat 3 darinya, maka kita dapat menggunakan metode Object bawaan. entri(obj) yang mengembalikan array pasangan kunci/nilai untuk objek persis dalam format ituJadi kita bisa membuat peta dari objek seperti ini
Di sini, _7 mengembalikan larik pasangan kunci/nilai. _8. Itulah yang dibutuhkan 3Kami baru saja melihat cara membuat 3 dari objek biasa dengan 1Ada 2 metode yang sebaliknya. diberikan array 8 pasangan, itu membuat objek dari mereka
Kita dapat menggunakan _2 untuk mendapatkan objek polos dari 3E. g. kami menyimpan data dalam 3, tetapi kami harus meneruskannya ke kode pihak ke-3 yang mengharapkan objek biasaIni dia
Panggilan ke 7 mengembalikan iterable pasangan kunci/nilai, persis dalam format yang tepat untuk 2Kita juga bisa membuat garis _9 lebih pendek 0Itu sama, karena _2 mengharapkan objek yang dapat diubah sebagai argumen. Belum tentu array. Dan iterasi standar untuk 3 mengembalikan pasangan kunci/nilai yang sama dengan 7. Jadi kami mendapatkan objek biasa dengan kunci/nilai yang sama dengan 3 4 adalah kumpulan tipe khusus – “himpunan nilai” (tanpa kunci), di mana setiap nilai hanya dapat muncul sekaliMetode utamanya adalah
Fitur utamanya adalah panggilan berulang 7 dengan nilai yang sama tidak melakukan apa-apa. Itulah alasan mengapa setiap nilai muncul di 4 hanya sekaliMisalnya, ada pengunjung yang datang, dan kami ingin mengingat semua orang. Tetapi kunjungan berulang tidak boleh mengarah pada duplikat. Seorang pengunjung harus "dihitung" hanya sekali 4 adalah hal yang tepat untuk itu _1Alternatif untuk _4 bisa berupa larik pengguna, dan kode untuk memeriksa duplikat pada setiap penyisipan menggunakan arr. Temukan. Tetapi kinerjanya akan jauh lebih buruk, karena metode ini menelusuri seluruh larik yang memeriksa setiap elemen. 4 jauh lebih baik dioptimalkan secara internal untuk pemeriksaan keunikanKita dapat mengulang satu set dengan ________38______9 atau menggunakan 3 _2Perhatikan hal yang lucu. Fungsi panggilan balik yang diteruskan dalam 3 memiliki 3 argumen. a 0, lalu nilai yang sama 06, lalu objek target. Memang, nilai yang sama muncul di argumen dua kaliItu untuk kompatibilitas dengan _3 di mana panggilan balik berlalu 3 memiliki tiga argumen. Terlihat agak aneh, pasti. Tapi ini dapat membantu mengganti _3 dengan 4 dalam kasus tertentu dengan mudah, dan sebaliknyaMetode yang sama _3 untuk iterator juga didukung
_3 – adalah kumpulan nilai yang dikunciMetode dan properti
Perbedaan dari biasa5
_4 – adalah kumpulan nilai unikMetode dan properti
Iterasi di atas 3 dan 4 selalu dalam urutan penyisipan, jadi kami tidak dapat mengatakan bahwa koleksi ini tidak diurutkan, tetapi kami tidak dapat menyusun ulang elemen atau langsung mendapatkan elemen berdasarkan nomornya
Haruskah saya menggunakan peta atau objek dalam JavaScript?Dalam Objek, tipe data bidang kunci dibatasi untuk bilangan bulat, string, dan simbol. Sedangkan di Peta, bidang kunci dapat berupa tipe data apa saja (bilangan bulat, larik, bahkan objek. ) Di Peta, urutan asli elemen dipertahankan. Ini tidak benar dalam kasus objek.
Apa yang dimaksud dengan memetakan objek?Peta objek adalah aset uji yang berisi item yang mengaitkan nama logis (alias) dengan kontrol atau jendela, bukan penentu lokasi kontrol atau jendela. Once a control is registered in an object map asset, all references to it in scripts are made by its alias, rather than by its actual locator name.
Untuk apa metode peta () digunakan?Fungsi map() digunakan untuk mengulangi larik dan memanipulasi atau mengubah item data . Di React, fungsi map() paling umum digunakan untuk merender daftar data ke DOM.
Bagaimana cara mendapatkan nilai dari objek peta di JavaScript?Metode get() mengembalikan elemen tertentu dari objek Map . Jika nilai yang terkait dengan kunci yang disediakan adalah sebuah objek, maka Anda akan mendapatkan referensi ke objek tersebut dan setiap perubahan yang dilakukan pada objek tersebut akan secara efektif memodifikasinya di dalam objek Peta. |