Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengulang dan Mendapatkan Kekunci dan Nilai daripada Objek JavaScript?

Bagaimanakah Saya Boleh Mengulang dan Mendapatkan Kekunci dan Nilai daripada Objek JavaScript?

Barbara Streisand
Lepaskan: 2024-12-24 16:20:14
asal
281 orang telah melayarinya

How Can I Iterate and Retrieve Keys and Values from a JavaScript Object?

Mengulang dan Mendapatkan Kekunci dan Nilai daripada Objek JavaScript

Apabila berurusan dengan objek JavaScript, adalah penting untuk mengulang elemennya untuk mengakses dan memproses kunci dan nilainya. Begini cara anda boleh menyelesaikan tugas ini dengan mudah:

Menggunakan Gelung for-in

Kaedah yang paling biasa ialah menggunakan gelung for-in, seperti yang ditunjukkan di bawah:

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

for (var key in p) {
    // Ensure the key is a direct property of the object using hasOwnProperty
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}
Salin selepas log masuk

Memastikan Pemilikan Harta Sebenar

Adalah penting untuk mengesahkan bahawa kunci yang anda akses kepunyaan objek secara langsung. JavaScript membenarkan warisan daripada prototaip, yang boleh membawa kepada sifat yang tidak dimiliki oleh objek itu sendiri. Untuk memastikan pemilikan sebenar, gunakan kaedah hasOwnProperty:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        // Key is an actual property of the object
    }
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengulang dan Mendapatkan Kekunci dan Nilai daripada Objek JavaScript?. 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