如何拆分两个数组以生成html文件中的URL

拆分两个数组以生成HTML文件中的URL可以通过以下步骤实现：

创建两个数组，一个存储URL的路径部分，另一个存储URL的查询参数部分。
路径部分的数组可以包含网站的根路径、目录结构和文件名等信息。例如，["/blog", "/news", "/about"]。
查询参数部分的数组可以包含键值对形式的参数。例如，[{"category": "tech"}, {"page": "2"}, {"sort": "date"}]。
使用循环遍历两个数组，将路径部分和查询参数部分进行组合，生成完整的URL。可以使用字符串拼接或者URL构建工具来实现。
将生成的URL用于HTML文件中的链接或其他需要URL的地方。

下面是一个示例代码，演示如何拆分两个数组以生成HTML文件中的URL：

// 路径部分的数组
const paths = ["/blog", "/news", "/about"];

// 查询参数部分的数组
const queryParams = [{"category": "tech"}, {"page": "2"}, {"sort": "date"}];

// 生成URL的函数
function generateURL(path, queryParams) {
  const url = new URL(path, "https://example.com");

  // 添加查询参数
  for (const param of queryParams) {
    for (const key in param) {
      url.searchParams.append(key, param[key]);
    }
  }

  return url.href;
}

// 生成URL并输出
for (const path of paths) {
  const url = generateURL(path, queryParams);
  console.log(url);
}

以上代码将输出以下URL：

https://example.com/blog?category=tech
https://example.com/blog?page=2
https://example.com/blog?sort=date
https://example.com/news?category=tech
https://example.com/news?page=2
https://example.com/news?sort=date
https://example.com/about?category=tech
https://example.com/about?page=2
https://example.com/about?sort=date

这些URL可以用于HTML文件中的链接，或者其他需要URL的场景。