Bagaimanakah Saya Boleh Melancarkan dan Menghitung Objek JavaScript dengan Cekap?

Menggelung dan Menghitung Objek JavaScript

Dalam JavaScript, objek ialah struktur berkuasa yang digunakan untuk penyimpanan dan manipulasi data. Senario biasa ialah keperluan untuk mengulangi sifat objek dan mengakses nilainya. Nasib baik, JavaScript menyediakan beberapa kaedah untuk mencapai ini:

Gelung untuk-dalam:

Gelung untuk-dalam ialah cara ringkas untuk mengulangi sifat objek dan mengaksesnya kunci dan nilai.

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

for (var key in p) {
    // Check if the key is an actual property of the object
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}

Nota: Walaupun gelung for-in adalah mudah, ia sepatutnya digunakan dengan berhati-hati kerana ia melelar ke atas semua sifat, termasuk yang diwarisi daripada rantai prototaip.

Object.keys() dan Array.prototype.forEach():

Kaedah Object.keys() mengembalikan tatasusunan yang mengandungi kekunci objek. Tatasusunan ini kemudiannya boleh digunakan dengan Array.prototype.forEach() untuk mengulang dan mengakses nilai.

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

Object.keys(p).forEach(function(key) {
    console.log(key + " -> " + p[key]);
});

Object.entry() dan Array.prototype.map():

Kaedah Object.entry() mengembalikan tatasusunan pasangan nilai kunci sebagai tatasusunan. Pasangan ini boleh diubah dan dicetak dengan mudah menggunakan Array.prototype.map().

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

Object.entries(p).map(function(entry) {
    console.log(entry[0] + " -> " + entry[1]);
});

Kesimpulan:

Melongok dan menghitung objek JavaScript boleh dicapai menggunakan kaedah yang berbeza. Setiap pendekatan mempunyai kelebihan dan kaveatnya. Pilih kaedah yang paling sesuai dengan keperluan khusus permohonan anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melancarkan dan Menghitung Objek JavaScript dengan Cekap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!