Как создать «дерево» с элементов объэкта?

Question

[grom111]

Привет всем!
Подскажите как можна отрендерить элементы объекта?
Например, есть объект :

var data= {
    perData: {
        name: 'Andrey',
        county: {
            borough : 'Moskow'
        }
    },
 friends: ["Max", "Dmitriy"]
};

в консоль должно выводится что-то по типу

data
  -perData
    ----name: Andrey
    ----country: 
           ------borough: Moskow
  -friends

Планировал делать так:

function builtTree(obj) {
    let separator = " - ",
        count = 0,
        prop = Object.keys(obj).forEach(el => {
            if (typeof obj[el] === "object") {
                build(el);
                for (let key in obj[el]) {
                    if (obj[el].hasOwnProperty(key)) {
                        count++;
                        build(key);
                    }
                }
            }
        });

    function build(obj) {
        console.log(separator.repeat(count) + obj);
    }
}

, но у меня получается как-то много if'ов и в общем запутано очень. Возможно подскажите как лучше это сделать?

Answer 1

[Антон Спирин]

А что вам мешает использовать встроенную функцию JSON.stringify? https://jsfiddle.net/3uwjehnu/

UPD: Набросал рекурсивный алгоритм, который вам нужен https://jsfiddle.net/rockon404/h41mw5t5/

Comments

[grom111]

Антон Спирин 1. Не знал такой штуки. Спасибо!)
2. Надо выводить как я написал выше, так не пойдет. Но штука классная.

[Антон Спирин]

grom111, а массивы вы как хотите показывать? Тут рекурсия нужна по-хорошему.

[grom111]

Антон Спирин,

[Object]
         -> [perData]
         |  -> [name]: "Andrey"
         |  -> [county]
         |  |  -> [borough ]: "Moskow"
         -> [friends]: "Max, Dmitriy"

Вот как-то так

[Антон Спирин]

grom111, добавил в ответ!

Answer 2

[Stalker_RED]

Форматирование есть готовое, в JSON.stringify

console.log(
  JSON.stringify(data, null, "\t")
)

https://jsfiddle.net/dycfxk3n/

результат:


Если вам не нужен JSON на выходе, и обязательно нужно избавиться от скобочек - есть replace()

console.log(
  JSON.stringify(data, null, "\t")
   .replace(/[\"\{\}]/g, '')
)

https://jsfiddle.net/dycfxk3n/1

результат:


Если обязательно нужно вывести дефисы перед текстом, опишите по какой логике они у вас выводятся, а то в примере то один, то четыре, то шесть
...нипанятна.