Створіть дерево з об’єкту
важливість: 5
Напишіть функцію createTree
яка створює вкладений ul/li
список з вкладеного об’єкта.
Наприклад:
let data = {
Риба: {
форель: {},
лосось: {}
},
Дерево: {
Величезні: {
секвойя: {},
дуб: {}
},
Квітучі: {
яблуня: {},
магнолія: {}
}
}
};
Синтаксис:
let container = document.getElementById('container');
createTree(container, data); // створює дерево в контейнері
Результат (дерево) має виглядати так:
Виберіть один із двох способів вирішення цього завдання:
- Створіть HTML для дерева, а потім призначте в
container.innerHTML
. - Створіть вузли дерева та додайте їх за допомогою методів DOM.
Було б чудово, якби ви могли зробити обидва.
P.S. Дерево не повинно мати “зайвих” елементів, як-от порожній <ul></ul>
для листя.
Найпростіший спосіб обійти об’єкт – скористатися рекурсією.