Как добраться к свойствам обьекта в обьекте JS?

Question

[Ivan-P]

К примеру есть такой обьект:

var obj = {
		innerObj1 : {
			name : 'a',
			sixe: 1
		},
		onnerObj2 : {
			name: 'b',
			size: 2
		}
	};

и такой код

function loop (o){
		for(var key in o) {
			alert(key);
			for(var prop in key) {
				alert(prop);
			}
		}
	};

	loop(obj);

alert(key); выдает innerObj1 и innerObj1,
а вот alert(prop) вместо значений name и size показывают 0 ,1 2 ,3, 4, 5, 6, 7, 8. Что я делаю не так?

Answer 1

[callback]

function loop (o){
    for(var key in o) {
      console.log(key, o[key]);
      for(var prop in o[key]) {
        console.log(o[key][prop]);
      }
    }
  };

Answer 2

[Евгений Петров]

• Для прохода по внутреннему объекту нужно обращаться к нему, а не к названию свойства.
  
• Чтобы не нарваться на расширения прототипов нативных объектов, следует применять Object.keys()
  

function loop (o){
	Object.keys(o).forEach(function (innerObject) {
		Object.keys(o[innerObject]).forEach(function (prop) {
			console.log(
				'Property: ' + prop,
				'Value: ' + o[innerObject][prop],
				'in Inner Object: ' + innerObject
			);
		});
	});
};

Comments

[Roman Zhak]

Евгений Петров чем плох .hasOwnProperty() ?

[Евгений Петров]

Roman Zhak: Да ничем. Кроме того, что всегда есть шанс вляпаться.

var a = {
	name: 7,
	hasOwnProperty: {}
};

console.log(Object.keys(a)); //Array [ "name", "hasOwnProperty" ]
console.log(a.hasOwnProperty('name')); //TypeError: a.hasOwnProperty is not a function

Впрочем, я уже сделал вывод относительно этого ресурса. Нет никакого смысла рассказывать и пояснять — выберут то, что ближе по уровню понимания.

Answer 3

[Immortal_pony]

habrahabr.ru/post/247857