Comment puis-je parcourir un objet JavaScript et accéder à ses clés et valeurs en toute sécurité ?

Énumération des éléments d'un objet JavaScript

Cet article se concentre sur la fourniture d'une solution permettant de parcourir les éléments d'un objet JavaScript, d'accéder à la fois à leurs clés et valeurs.

Énoncé du problème :

Considérez les Objet JavaScript suivant :

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

Le défi est de parcourir tous les éléments de p (c'est-à-dire p1, p2, p3, etc.) et de récupérer leurs clés et valeurs.

Solution :

Pour accomplir cette tâche, vous pouvez utiliser la boucle for-in. Bien qu'il s'agisse d'une méthode pratique, il est crucial de s'assurer que la clé acquise est une véritable propriété de l'objet et non héritée de son prototype.

Extrait de code amélioré :

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

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}

Ce code amélioré utilise la méthode hasOwnProperty() pour vérifier si une propriété appartient réellement à l'objet. En adoptant cette approche, vous pouvez empêcher la récupération des propriétés héritées, en garantissant que la boucle ne traite que les clés et valeurs légitimes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!