Next getStaticPaths参数的嵌套映射

Question

想象你的数据结构是这样的:

data = {
"cse": {
"first": [
"Computer Hardware Essentials",
"Computer System Essentials",
"Cultural Education"
],
"second": [
"Discrete Mathematics",
"Linear Algebra",
"Engineering Physics - A",
],
"third": [
"Numerical Methods",
"Optimization Techniques",
"Digital Electronics",
],
"fourth": [
"Probability and Random Processes",
"Data Structures and Algorithms",
"Theory of Computation"
]
}
}

你有以下路径/[semester]/[subject]所以next。js结构文件夹是:[semester]/[subject].js

我们如何通过数据集成，以便在单个嵌套循环中获得getStaticPaths参数?

数据要求:

[
{ params: {semester: "first", subject: "computer-hardware-essentials"}},
{ params: {semester: "first", subject: "computer-system-essentials"}},
{ params: {semester: "first", subject: "cultutal-education"}},
{ params: {semester: "second", subject: "discrete-mathemetics"}},
{ params: {semester: "second", subject: "linear-algebra"}},
{ params: {semester: "second", subject: "engineering-physics-a"}},
{ params: {semester: "third", subject: "numerical-methods"}},
{ params: {semester: "third", subject: "optimization-techniques"}},
{ params: {semester: "third", subject: "digital-electronics"}},
{ params: {semester: "fourth", subject: "probability-and-random-process"}},
{ params: {semester: "fourth", subject: "data-structure-and-algorithms"}},
{ params: {semester: "fourth", subject: "theory-of-computation"}}
]

Answer 1

使用for…in，然后使用forEach来循环内部数组每个主题添加到数组:

const results = [];
for (const x in data.cse) {
data.cse[x].forEach((s) => {
results.push({
params: {
semester: x,
subject: s
}
});
});
}

const data = {
"cse": {
"first": [
"Computer Hardware Essentials",
"Computer System Essentials",
"Cultural Education"
],
"second": [
"Discrete Mathematics",
"Linear Algebra",
"Engineering Physics - A",
],
"third": [
"Numerical Methods",
"Optimization Techniques",
"Digital Electronics",
],
"fourth": [
"Probability and Random Processes",
"Data Structures and Algorithms",
"Theory of Computation"
]
}
}
const results = [];
for (const x in data.cse) {
data.cse[x].forEach((s) => {
results.push({
params: {
semester: x,
subject: s
}
});
});
}
console.info(results);

Answer 2

使用函数式方法可以遍历entries和data.cse，然后与.flatMap链接

const result = Object.entries(data.cse).flatMap(([key, value]) => {
return value.map(i => {
return { 
params: {
semester: key,
subject: i.toLowerCase().replaceAll(' ', '-')
}
}
})
})