使用箭头导航嵌套数组

const menu = [
  {
    name: 'Home',
    url: '/home'
  },
  {
    name: 'Products',
    subMenu: [
      { name: 'Electronics', url: '/products/electronics' },
      { name: 'Clothing', url: '/products/clothing' }
    ]
  },
  {
    name: 'About',
    url: '/about'
  }
];

let currentIndex = 0;
let currentLevel = menu;

function navigate(direction) {
  if (direction === 'up') {
    currentIndex = (currentIndex - 1 + currentLevel.length) % currentLevel.length;
  } else if (direction === 'down') {
    currentIndex = (currentIndex + 1) % currentLevel.length;
  }

  const selectedItem = currentLevel[currentIndex];

  if (selectedItem.subMenu) {
    currentLevel = selectedItem.subMenu;
    currentIndex = 0;
  } else {
    console.log(`Navigated to: ${selectedItem.name}`);
  }
}

// 示例使用
navigate('down'); // 导航到 'Products'
navigate('down'); // 导航到 'Electronics'