Next.js动态路由下遍历嵌套数据生成getStaticPaths参数的实现方法

你只需要做两步核心处理即可：

1. 把课程正式名称转换为URL可用的短横线分隔小写格式（即slug）
2. 用两层嵌套循环遍历给定的data.cse对象，外层遍历学期标识，内层遍历对应学期的课程列表，逐个构造要求的params对象推入结果数组即可。

你可以直接在动态路由页的getStaticPaths方法里按如下写法实现：

// 引入你预先定义的data数据
import { data } from '你的data数据存放路径'

export async function getStaticPaths() {
  const paths = []
  // 外层遍历所有学期标识：first/second/third/fourth
  for (const semester in data.cse) {
    // 内层遍历当前学期的所有课程
    for (const subjectName of data.cse[semester]) {
      // 把课程名转换为短横线分隔的小写slug
      const subjectSlug = subjectName
        .toLowerCase()
        // 替换所有非字母数字的连续字符为单个短横线
        .replace(/[^a-z0-9]+/g, '-')
        // 去掉首尾可能出现的多余短横线
        .replace(/^-|-$/g, '')
      // 构造要求格式的params对象推入结果数组
      paths.push({
        params: {
          semester: semester,
          subject: subjectSlug
        }
      })
    }
  }

  return {
    paths,
    fallback: false // 可根据你的业务需求调整fallback配置
  }
}

• 外层循环直接读取data.cse的所有属性名，就是你需要的first/second等学期参数
• 内层的slug化处理逻辑可以完美匹配你要求的输出格式，自动处理课程名里的空格、横杠等特殊字符，输出标准的URL可用格式
• 整个逻辑只有一次两层嵌套循环，没有多余遍历操作，性能开销极低

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