Многоуровнёвое меню в массиве

Нужно сделать трёхуровнёвое меню для интернет-магазина, которое будет открываться по клику.

1. Как сделать многомерный массив, в котором будут только названия этих пунктов 3х уровневого меню? А в html, допустим с помощью шаблонизатора ejs брать данные из этого многомерного массива, и формировать меню.т.е. интересует именно создание этого массива, в котором будут названия меню, расположенные по уровню вложенности.
2. Как правильно создать это меню, чтобы потом можно было в цикле создавать многомерное меню из этого массива?
3. Приведите пожалуйста простой пример массива с многоуровнёвым меню.

Я так понимаю тут нужно использовать объект, в котором ключ будет как отдельное меню? Что-то на подобии такого нужно сделать

<%
    let catalog = [
        {
            id: 1,
            title: 'Наборы для творчества',
            parent: 0
        },
        {
            id: 2,
            title: 'Научные игры',
            parent: 0
        },
        {
            id: 3,
            title: 'Настольные игры',
            parent: 0
        },
        {
            id: 4,
            title: 'Демонстрационные материалы',
            parent: 0
        },
        {
            id: 5,
            title: 'Раздаточные материалы',
            parent: 0
        },
        {
            id: 6,
            title: 'Рабочие тетради',
            parent: 0
        },
        {
            id: 7,
            title: 'Плакаты и таблицы',
            parent: 0
        },
        {
            id: 8,
            title: 'Оформление интерьера детского сада',
            parent: 0
        },
        {
            id: 9,
            title: 'Портфели, портфолио, детские анкеты',
            parent: 0
        },
        {
            id: 10,
            title: 'Для детской комнаты',
            parent: 0
        },
        {
            id: 11,
            title: 'Канцтовары',
            parent: 0
        },
        {
            id: 12,
            title: 'Новогодние товары',
            parent: 0
        },
        {
            id: 13,
            title: 'Большие наборы для творчества',
            parent: 1
        },
        {
            id: 14,
            title: 'Наборы для творчества из гипса',
            parent: 1
        },
        {
            id: 15,
            title: 'Картинки из песка, блесток, пайеток',
            parent: 1
        },
        {
            id: 16,
            title: 'HANDMADE - декор своими руками',
            parent: 1
        },
        {
            id: 17,
            title: 'Наборы для творчества на любой вкус',
            parent: 1
        },
        {
            id: 18,
            title: 'Наборы для слепков',
            parent: 1
        },
        {
            id: 19,
            title: 'Гравюры',
            parent: 1
        },
        {
            id: 20,
            title: 'Роспись по холсту',
            parent: 1
        },
        {
            id: 21,
            title: 'Раскраски и наклейки',
            parent: 1
        },
        {
            id: 22,
            title: 'Раскраски',
            parent: 13
        },
        {
            id: 23,
            title: 'Альбомы с наклейками',
            parent: 13
        },
        {
            id: 24,
            title: 'Наборы наклеек',
            parent: 13
        }
    ]
    for(let i = 0; i < catalog.length; i++){ %>
        <% if(catalog[i]['parent'] == 0) { %>
        <li><%- catalog[i]['title'] %></li>
        <% } else {%>
        <ul>
            <li><%- catalog[i]['title'] %></li>
        </ul>
    <% }}
 %>