如何在数组中定义页面？

let pages = [];

if (index >= 0 && index < pages.length) {
    // 安全访问数组元素
    let page = pages[index];
} else {
    console.error("数组越界");
}

if (!pages.includes(newPage)) {
    pages.push(newPage);
} else {
    console.error("页面已存在");
}

pages.sort((a, b) => a.order - b.order); // 根据order属性排序

// 定义页面组件数组
let pages = [
    { id: 1, name: "首页", component: HomeComponent },
    { id: 2, name: "关于我们", component: AboutComponent },
    { id: 3, name: "联系我们", component: ContactComponent }
];

// 动态生成页面内容
function renderPages() {
    let container = document.getElementById("page-container");
    pages.forEach(page => {
        let pageElement = document.createElement("div");
        pageElement.innerHTML = `<h1>${page.name}</h1>`;
        container.appendChild(pageElement);
    });
}

// 调用渲染函数
renderPages();