Как задать имя страницы HTML, используя JS и тип «объект»?

Question

[Shamil Vagabov]

Написал скрипт для горизонтального меню, используя objects. Вот код:

menuItems = {
    'Главная': 'index.html',
    'Полезная информация': 'useful.html',
    'Статьи': 'articles.html',
    'Записаться': 'appointment.html',
    'Контактная информация': 'contacts.html',

}

const liClass = "navbarhorizontalITEM";
const ulClass = "navbarhorizontal";
var ulStart = '';
var ulEnd = '';
var menuItemHTML = '';

ulStart = '<ul class=' + ulClass +'>';



ulEnd = '</ul>';

document.write(ulStart);


for (key in menuItems){
    menuItemHTML = '<li class="' + liClass + '"><a href="' + menuItems[key] + '">' + key + '</a></li>';
    document.write(menuItemHTML);
    console.log(menuItemHTML);  
}
document.write(ulEnd);

И прописал ссылку на этот скрипт на каждую страничку. Захотелось сделать так, чтоб имя страницы (тег ) менялось в соответствии с открытой страницей. Пытался получить текущий УРЛ, обрезать до имени файла и искать соответствие имени файла в объекте menuItems

var num111 = window.location.href.lastIndexOf('/');
var pageName = window.location.href.slice(num111+1);


var found = menuItems.find(e => e.name == pageName);
console.log(found);
document.title = found;
document.write(document.title);

мой текущий уровень знаний позволил сделать только это. Как все-таки правильнее?

Answer 1

[O . J]

Object.keys(menuItems).forEach(function(key) {
  if (menuItems[key] === pageName) {
    document.title = key;
  }
});