Печать вложенного сложного объекта

Question

У меня есть объекты. Они вложены, и я действительно не знаю, какие параметры содержатся в объекте. Например, это может быть

{ 
    "option1": "value1", 
    "option2": "value2", 
    "option3": { 
    "suboption1": "subvalue1", 
    "suboption2": { 
     "subsuboption1": "subsubvalue1" 
    } 
    }, 
    "option4": "value4" 
} 

Мне нужно напечатать этот объект как:

<span class="depth-0"><b>option1</b>: value1</span> 
<span class="depth-0"><b>option2</b>: value2</span> 
<span class="depth-0"><b>option3</b>:</span> 
<span class="depth-1"><b>suboption1</b>: subvalue1</span> 
<span class="depth-1"><b>suboption2</b>:</span> 
<span class="depth-2"><b>subsuboption1</b>: subsubvalue1</span> 
<span class="depth-0"><b>option4</b>: value4</span> 

Это выглядит как простая задача, но у меня есть большая проблема с насечками на глубину. Возможно, у кого-то есть аналогичная проблема. Я использую javascript и lodash lib в своем проекте. Мне нужна функция в моем шаблоне.

Answer 1

Что об использовании JSON.stringify(), давая space В параметре "--" или вкладку в зависимости от того, как вы хотите:

console.log(JSON.stringify({ 
 
    "option1": "value1","option2": "value2", 
 
    "option3": { 
 
    "suboption1": "subvalue1", 
 
    "suboption2": { 
 
     "subsuboption1": "subsubvalue1" 
 
    } 
 
    }, 
 
    "option4": "value4" 
 
}, null, '--'));

Answer 2

Вы можете попробовать следующие

var object = { 
 
    "option1": "value1", 
 
    "option2": "value2", 
 
    "option3": { 
 
    "suboption1": "subvalue1", 
 
    "suboption2": { 
 
     "subsuboption3": "subsubvalue3" 
 
    } 
 
    }, 
 
    "option4": "value4" 
 
}; 
 

 

 

 

 
function paint(obj, level) { 
 
    for (var key in obj) { 
 
    if (typeof obj[key] === "object") { 
 
     console.log('<span class="depth-"' + level +'><b>'+key + '</b>: </span>'); 
 
     paint(obj[key], level + 1); 
 
    } else { 
 
     console.log('<span class="depth-"' + level + '><b>'+key + '</b>: '+ obj[key]+'</span>'); 
 

 
    } 
 
    } 
 
} 
 

 

 
paint(object, 0);