Parcourir les propriétés de l'objet Javascript

Question

Je veux traverser la propriété de l'objet JavaScript

 var obj =
{
    a: 'value1',
    b: 'value2',
    c: 'value3',
    d: 'value4'
};

for (var prop in obj) {
    prop = 'xxx';
}

Mais le code ci-dessus ne fonctionne pas. Pouvez-vous m'aider comment faire?

Answer 1

Vous devez vérifier que la propriété appartient à l'objet et non à un prototype.

 for (var prop in obj) {
    if (obj.hasOwnProperty(prop)) {
        obj[prop] = 'xxx';
    }
}

Answer 2

prop référencera le nom de la propriété, pas sa valeur.

 for (var prop in obj) {
    obj[prop] = 'xxx';
}

Construire la documentation.

Vous pouvez également vérifier si la propriété appartient à l'objet en utilisant hasOwnProperty . Il peut arriver que quelqu'un ajoute des propriétés au prototype et celles-ci sont également itérées de for ... in .

Answer 3

Voici comment cela se fait en utilisant l'ES5 - Object.keys() :

 Object.keys(obj).forEach(function(key, idx) {
   ...
}); 

http://jsfiddle.net/magiccrafter/bvwenh5d/

Documents de Mozilla : lien

Answer 4

Utilisation d'ecmascript2017 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

 const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

Answer 5

for(let i = 0; i < Object.entries(dog).length; i++){
  this.temp.push(Object.entries(dog)[i]);
}