用forEach方法结合数组构建JS导航菜单和无序列表

const menuItems = [
  { name: '首页', link: 'https://www.example.com' },
  { name: '产品', link: 'https://www.example.com/products' },
  { name: '关于我们', link: 'https://www.example.com/about' },
  // 其他菜单项...
];

<ul id="menu"></ul>

const menuContainer = document.getElementById('menu');

menuItems.forEach(item => {
  const listItem = document.createElement('li');
  const link = document.createElement('a');
  link.href = item.link;
  link.textContent = item.name;
  listItem.appendChild(link);
  menuContainer.appendChild(listItem);
});

document.body.appendChild(menuContainer);