recorrer a través de las propiedades del objeto de Javascript

Question

Quiero recorrer a través de la propiedad del objeto JavaScript

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

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

Pero el código anterior no está funcionando. ¿Puedes ayudarme a cómo hacerlo?

Answer 1

prop hará referencia al nombre de la propiedad, no a su valor.

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

Construct documentation.

También es posible que desee comprobar si la propiedad pertenece al objeto utilizando hasOwnProperty. Puede suceder que alguien agregue propiedades al prototipo y que también sean iteradas por for ... in.

Answer 2

Debe comprobar que la propiedad pertenece al objeto y no a un prototipo.

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

Answer 3

Así es cómo se hace usando el ES5 - Object.keys():

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

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

documentos de Mozilla: link

Answer 4

Si estás en una Entorno amigable de ES6, también puedes probar usar el bucle for ... que está más cerca de tu intento original.

EDITAR: Como Caleb señaló, for..of es específico para colecciones con la propiedad Symbol.iterator (por ejemplo, objetos JS no estándar).

Pero dejo esta respuesta aquí en caso de que alguien más encuentre útil en algún momento que se indique explícitamente que un for..of no es una gran solución aquí.

let obj = {}; 

for (let prop of obj) { // This will throw an error 
    prop = 'xxx'; 
} 

Referencia: MDN - for...of