как перебирать внутренние объекты / свойства в объекте - PullRequest
14 голосов
/ 25 марта 2011

У меня есть объект, который имеет внутренние объекты и свойства, определенные так:

var obj = {obj1 : { "prop1" : "nothing", "prop2" : "prop"},
        obj2 : {"prop1" : "nothing", "prop2" : "prop"},
        pr1 : "message",
        pr2 : "mess"
};

Как правило, для итерации каждого свойства объекта цикл for .. in может добиться цели

for (property in obj){
    if (obj.hasOwnProperty(property)){
        console.log(property + "   " + obj[property]);
    }
}

на консоли отображается:

obj1 [object Object]
obj12 [object Object]
pr1 message
pr2 mess

Однако как перебрать внутренние объекты (obj1, obj2) и их собственные свойства (prop1,prop2)?

Ответы [ 4 ]

35 голосов
/ 25 марта 2011

Рекурсия - твой друг:

function iterate(obj) {
    for (var property in obj) {
        if (obj.hasOwnProperty(property)) {
            if (typeof obj[property] == "object")
                iterate(obj[property]);
            else
                console.log(property + "   " + obj[property]);
        }
    }
}

Примечание : не забудьте объявить property локально, используя var!

10 голосов
/ 05 сентября 2014

Это отличные ответы, хотя случаи с массивами не рассматриваются, вот мой вклад:

var getProps = function (obj) {
    for (var property in obj) {
        if (obj.hasOwnProperty(property) && obj[property] != null) {
            if (obj[property].constructor == Object) {
                getProps(obj[property]);
            } else if (obj[property].constructor == Array) {
                for (var i = 0; i < obj[property].length; i++) {
                    getProps(obj[property][i]);
                }
            } else {
                console.log(obj[property]);
            }
        }
    }
}
getProps(myObject);
5 голосов
/ 25 марта 2011

Чтобы просто отобразить структуру объекта, я часто использую: console.log (JSON.stringify (obj))

5 голосов
/ 25 марта 2011

Вы можете использовать рекурсию для достижения этого:

function Props(obj) {

 function getProps(obj){
  for (var property in obj) {
    if (obj.hasOwnProperty(property)){
        if (obj[property].constructor == Object) {
           console.log('**Object -> '+property+': ');
           getProps(obj[property]);
        } else {
           console.log(property + " " + obj[property]);
        }
    }
  }
 }
 getProps(obj);
}

см. http://jsfiddle.net/KooiInc/hg6dU/

...