Objek JavaScript. fungsi keys() digunakan untuk mengembalikan array yang elemennya adalah string yang sesuai dengan properti enumerable yang ditemukan langsung pada objek. Pengurutan properti sama dengan yang diberikan oleh objek secara manual dalam satu lingkaran yang diterapkan pada properti. Obyek. keys() mengambil objek sebagai argumen yang mengembalikan properti enumerable sendiri dan mengembalikan array string yang mewakili semua properti enumerable dari objek yang diberikan
Sintaksis
Object.keys(obj);Parameter
- keberatan. Ini adalah objek yang properti enumerable-nya harus dikembalikan
Nilai Pengembalian. Ini mengembalikan array string yang mewakili semua properti enumerable dari objek yang diberikan
Kita akan memahami konsep fungsi di atas melalui contoh-contohnya
Contoh 1. Dalam contoh ini, sebuah array "check" memiliki tiga nilai properti ['x', 'y', 'z'] dan objek. metode keys() mengembalikan properti enumerable dari array ini. Pengurutan properti sama dengan yang diberikan oleh objek secara manual
Javascript
<script>
// Returning enumerable properties
// of a simple array
['0', '1', '2']0 ['0', '1', '2']1['0', '1', '2']2['0', '1', '2']3['0', '1', '2']4['0', '1', '2']3['0', '1', '2']6['0', '1', '2']7
['0', '1', '2']_9
['0', '1', '2']_0
Keluaran
['0', '1', '2']_Contoh 2. Dalam contoh ini, sebuah objek mirip-array “check” memiliki tiga nilai properti { 0. 'x', 1. 'y', 2. 'z' } dan objeknya. metode keys() mengembalikan properti enumerable dari array ini. Pengurutan properti sama dengan yang diberikan oleh objek secara manual
Javascript
<script>
// Returning enumerable properties
['0', '1', '2']5
['0', '1', '2']0 ['0', '1', '2']8['0', '1', '2']2['21', '35', '70']0['0', '1', '2']4['21', '35', '70']2['0', '1', '2']6 ['21', '35', '70']4
['21', '35', '70']6
['0', '1', '2']_0
Keluaran
['0', '1', '2']_Contoh 3. Dalam contoh ini, objek mirip larik "check" memiliki tiga nilai properti { 70. 'x', 21. 'y', 35. 'z'} dalam urutan acak dan objek. metode keys() mengembalikan properti enumerable dari array ini dalam urutan menaik dari nilai indeks
Javascript
<script>
<script>0
<script>2
['0', '1', '2']0 <script>5['0', '1', '2']2<script>7['0', '1', '2']4<script>9['0', '1', '2']6 ['21', '35', '70']4
['21', '35', '70']6
['0', '1', '2']_0
Keluaran
['21', '35', '70']Aplikasi. Ini dapat digunakan untuk mengembalikan properti enumerable dari array sederhana, objek mirip array & objek mirip array dengan pengurutan kunci acak
Pengecualian
- Itu menyebabkan TypeError jika argumen yang diteruskan bukan objek
- Jika suatu objek tidak diteruskan sebagai argumen ke metode, maka ia membujuknya dan memperlakukannya sebagai objek
Kami memiliki daftar lengkap metode Objek Javascript, untuk memeriksanya silakan baca artikel Referensi Lengkap Objek JavaScript ini
Pada artikel ini, mari kita pahami apa itu "kunci" dan "nilai" dalam array & lihat juga berbagai metode yang dengannya kita dapat memperoleh pasangan kunci-nilai ini
Daftar isi
- Apa itu kunci dan nilai dalam array?
- Metode berbeda untuk mendapatkan pasangan kunci-nilai
- Dukungan Peramban
Apa itu kunci dan nilai dalam array?
Kunci adalah indeks dan nilai adalah elemen dari array asosiatif. Array asosiatif pada dasarnya adalah objek dalam JavaScript di mana indeks diganti dengan kunci yang ditentukan pengguna. Mereka tidak memiliki properti panjang seperti array normal dan tidak dapat dilintasi menggunakan normal for loop
Berikut adalah contoh array asosiatif
var arr = { "one": 1, "two": 2, "three": 3 };Tidak seperti array sederhana, kami menggunakan kurung kurawal, bukan tanda kurung siku. Konten atau nilai array asosiatif diakses dengan kunci
Dalam larik di atas, satu, dua & tiga adalah kunci, dan 1, 2 & 3 adalah nilai. Ini dapat diperoleh secara individual menggunakan metode keys() & values() seperti yang ditunjukkan di bawah ini
//to get values for (let value of Object.values(arr)) { alert(value); } //Output: 1, 2, 3 //to get keys for (let value of Object.values(arr)) { alert(value); } //Output: one, two, threeMetode berbeda untuk mendapatkan pasangan kunci-nilai
Sekarang kita tahu cara mendapatkan kunci & nilai dalam array, mari kita lihat berbagai metode untuk mendapatkan pasangan kunci-nilai
Pertama-tama mari kita simpan kunci & nilai yang sebelumnya diekstraksi dalam array terpisah
var keys = ["one", "two", "three"]; var values = [1, 2, 3];Metode 1. Menggunakan objek untuk menyimpan kunci => pasangan nilai
Dalam metode ini kami menyimpan elemen dari larik "kunci" & nilai yang sesuai dari larik "nilai" menggunakan larik asosiatif "obj"
// create object var obj = {}; // Loop to insert key & value in this object one by one for (var i = 0; i < keys.length; i++) { obj[keys[i]] = values[i]; } // output can be displayed as : one => 1 two => 2 three => 3Metode 2. Menggunakan metode peta()
Peta adalah kumpulan elemen di mana setiap elemen disimpan sebagai kunci, pasangan nilai. Objek tipe peta dapat menyimpan objek dan nilai primitif sebagai kunci atau nilai. Saat melintasi objek peta, ia mengembalikan kunci, pasangan nilai dalam urutan yang sama seperti yang dimasukkan