Как отсортировать массив страниц?

Коллеги, на сайте есть страницы.

Не важно какая функция, но есть функция, которая считывает наличие страниц и возвращает массив (этих самых страниц), и в соответствии из данных которого я уже создаю объект с нужными мне данными.

let _getPages = [];
pages.forEach((s, i, arr) => {
    _getPages[i] = {
        href: s.split('/')[2].split('.')[0].capitalize(),
        link: s
    }
})

Получаю такое:

{href: "About_us", link: "frontend/pages/about_us/index.html"}
{href: "Contact", link: "frontend/pages/contact/index.html"}
{href: "Main", link: "frontend/pages/main/index.html"}
{href: "Slider", link: "frontend/pages/slider/index.html"}

Далее, имея все это я создаю Меню на странице

const li = document.createElement('li');
const menu = document.querySelector('menu');

_getPages.forEach((s, i, arr)=>{
    let listPage = li.cloneNode(true);
    listPage.classList.add('listPage');
    listPage.innerHTML = s.href
    menu.appendChild(listPage);
})

И в итоге, что у меня есть

В итоге, не могу сообразить, как именно и на каком уровне с сортировать так, чтобы я получил меню С той последовательностью страниц которую хочу.

Допустим, чтобы Main, был на первом месте, About_us, на последнем....

P.S. Первое что пришло в голову, это добавить в название папок буквы a, b, c, d....., а потом их срезать, но не думаю, что это профессиональный подход

Вопрос немного глуповат, но не соображу ни как.

Не прошу готовы пример, мне нужна лишь подсказка.

Так как и на каком уровне отсортировать массив?