如何用循环替换JavaScript中多页面路径判断的if语句？

当然可以！你当前的代码存在大量重复逻辑，通过映射表或者基于命名规则的动态匹配，能让代码更简洁、易维护。下面提供两种常用的优化思路：

思路1：利用固定命名规则动态匹配（推荐，如果命名规律稳定） #

如果你的页面和数据文件命名是严格对应的（比如mainN.html对应dataN.txt），可以直接从URL中提取数字，动态拼接数据文件路径：

// 提取当前页面路径中的数字部分
const pathMatch = window.location.pathname.match(/main(\d*)\.html/);
if (pathMatch) {
  // 处理main.html（无数字）的情况，默认用data1.txt
  const fileNumber = pathMatch[1] || '1';
  const dataFilePath = `data/data${fileNumber}.txt`;

  // 提取重复的数据处理逻辑为独立函数
  function processData(data) {
    const rowArray = data.split('\n');
    rowArray.forEach(row => {
      table.push(row.split(';'));
    });
  }

  $.get(dataFilePath, processData, 'text');
}

思路2：用映射表管理路径对应关系（适合命名无规律的场景） #

如果页面和数据文件的命名没有固定规律，或者未来可能调整，可以用一个对象来存储路径与数据文件的对应关系，避免大量if判断：

// 定义页面路径到数据文件的映射
const pageDataMap = {
  '/myapp/main.html': 'data/data1.txt',
  '/myapp/main2.html': 'data/data2.txt',
  '/myapp/main3.html': 'data/data3.txt',
  '/myapp/main4.html': 'data/data4.txt'
};

// 获取当前页面对应的数据文件路径
const currentDataFile = pageDataMap[window.location.pathname];
if (currentDataFile) {
  // 复用数据处理函数
  function processData(data) {
    const rowArray = data.split('\n');
    rowArray.forEach(row => {
      table.push(row.split(';'));
    });
  }

  $.get(currentDataFile, processData, 'text');
}

额外优化点：提取重复逻辑 #

不管用哪种方式，把重复的数据解析并推入table的逻辑提取成独立函数，能进一步减少代码冗余，也方便后续修改逻辑。

内容的提问来源于stack exchange，提问作者Rulli Smith