Apa kunci dan nilai dalam javascript?

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', '1', '2']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

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']

['0', '1', '2']

['0', '1', '2']

['0', '1', '2']

['21', '35', '70']

['0', '1', '2']

['21', '35', '70']

['0', '1', '2']

['21', '35', '70']

['21', '35', '70']

['0', '1', '2']

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', '1', '2']

['0', '1', '2']

['0', '1', '2']

['21', '35', '70']

['21', '35', '70']

['0', '1', '2']

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, three

Metode 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 => 3

Metode 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

Apa kunci dalam JavaScript?

Apa itu nilai dalam JavaScript?

Apa kunci dan nilai dalam objek?

Apa itu kunci dan nilai dalam array?