рекурсивный цикл над объектом javascript?

Question

Я пытаюсь создать функцию, которая,

Когда Дано объект будет выводить что-то вроде

<div> 
reason : ok 
status : 0 
AiStatistics : null 
CurrentSeasonArenaStatistics : null 
<div> 
    Player 
    <div> 
    CampaignProgressCoop : CompletedLegendary 
    CampaignProgressSp : PartialHeroic 
    <div> 
    ReachEmblem 
    <div> 
    background_index : 2 
    change_colors : [0,7,2,0] 
    flags : 0 
    foreground_index : 49 
    </div> 
    </div> 
    </div> 
</div> 
gender : male 
</div> 

Как бы я идти об этом?

Это моя попытка:

function read_object(object){ 
    var $obj = $('<div />'); 
    for(var o in object) { 
    $obj.append(o+' : '); 
    if(typeof(object[o]) == 'object' and object[o] != null) { 
     $obj.append(read_object(object[o])); 
    } 
    else 
     $obj.append(object[o]); 
    } 
    return $obj; 
} 

Вот объект я использую

{ 
    "reason":"Okay", 
    "status":0, 
    "AiStatistics":null, 
    "CurrentSeasonArenaStatistics":null, 
    "Player": 
    { 
    "CampaignProgressCoop":"CompletedLegendary", 
    "CampaignProgressSp":"PartialHeroic", 
    "ReachEmblem": 
    { 
     "background_index":2, 
     "change_colors":[0,7,2,0], 
     "flags":0, 
     "foreground_index":49 
    } 
    } 
} 

Answer 1

Отдельный метод из основного вызова.

function read_object(object) 
{ 
    //do some cool stuff to return a string 
    return str; 
} 

function loopy(object) 
{ 
    for(var o in object) 
    { 
     if(typeof(object[o]) == 'object') 
     { 
      read_object(object) 
     } 
     else 
     { 
      //output in some other way 
     } 
    } 
}