本文提供一种健壮、可扩展的 javascript 方法，用于从任意长度的原始列表中为每道题自动生成唯一且随机排序的 4 个选项（含正确答案），确保无重复、答案位置随机，并输出标准化的 `question` 对象代码。
在构建交互式测验、教育类应用或自动化题库生成工具时，一个常见需求是：基于一组原始素材（如图片路径、名词列表等），为每个条目动态生成一道单选题，包含题干、4 个互不重复的选项，且正确答案必须随机分布在 A/B/C/D 四个位置之一。原始实现依赖大量 replace() 字符串操作，逻辑耦合高、难以维护，且无法保证选项唯一性与答案位置随机性——尤其在输入列表远大于 4 项时易出错。
以下方案采用函数式与数组操作思想重构，核心策略包括：
- ✅ 纯净提取：使用 split("s320/") 安全剥离前缀，再通过 .filter(el => el) 清除空字符串；
- ✅ 答案隔离：对每个题目（即第 i 个原始项），将其作为正确答案保留，其余项构成候选池；
- ✅ 动态裁剪候选池：为凑齐 4 个选项（含 1 个正确答案），需从候选池中随机移除多余项，使剩余候选数恰好为 3；
- ✅ 无冲突随机填充：用 while (options.includes(randomOption)) 循环重试，避免选项重复；
- ✅ 答案注入与打乱：将正确答案插入随机位置的 4 元素数组中，再用 sort(() => Math.random() - 0.5) 实现真随机排序（更简洁可靠）。
✅ 推荐优化版代码（含注释）
function myFunction() {
const input = document.getElementById("myList").value;
const rawLines = input.split("\n").filter(line => line.trim() !== "");
// 提取纯名称（如 "Apple.jpg"），移除 "s320/" 前缀
const itemNames = rawLines
.map(line => {
const parts = line.split("s320/");
return parts.length > 1 ? parts[1].trim() : line.trim();
})
.filter(name => name);
let outputCode = "";
for (let i = 0; i < itemNames.length; i++) {
const answer = itemNames[i];
// 构建候选选项池：排除当前答案的所有其他项
const candidates = itemNames.filter((_, idx) => idx !== i);
// 随机选取 3 个不重复的干扰项（若 candidates 不足 3 个，会自动截断，但建议输入 ≥ 4）
const distractors = [];
const tempPool = [...candidates]; // 浅拷贝防污染原数组
while (distractors.length < 3 && tempPool.length > 0) {
const randIdx = Math.floor(Math.random() * tempPool.length);
distractors.push(tempPool.splice(randIdx, 1)[0]);
}
// 组合 4 个选项：答案 + 3 个干扰项 → 打乱顺序
const allOptions = [...distractors, answer];
for (let j = allOptions.length - 1; j > 0; j--) {
const randIdx = Math.floor(Math.random() * (j + 1));
[allOptions[j], allOptions[randIdx]] = [allOptions[randIdx], allOptions[j]]; // Fisher-Yates 洗牌
}
// 生成 Question 构造函数调用字符串
const optionsStr = allOptions.map(opt => `"${opt}"`).join(", ");
const questionText = `Choose ${answer} character from below!`;
outputCode += `new Question("${questionText}", [${optionsStr}], "${answer}"),\n`;
}
document.getElementById("result").value = outputCode.trim();
}⚠️ 关键注意事项
- 输入要求：原始列表至少应包含 4 个有效项，否则干扰项不足，可能导致选项重复或缺失。若输入少于 4 项，建议增加校验并提示用户；
- 性能考量：该算法时间复杂度为 O(n²)（因嵌套循环与 splice），但对于 ≤ 1000 条目的题库完全适用；超大规模场景可预计算洗牌索引以优化；
- 随机性保障：避免使用 sort(() => Math.random() - 0.5) 替代 Fisher-Yates（存在偏差），本例已采用标准洗牌算法；
- 字符安全：若 itemNames 含双引号、换行符等特殊字符，需额外转义（如 JSON.stringify() 替代手动拼接）；
- 可扩展性：如需支持 5 选项、多选题或图像 URL 直接嵌入，只需调整 allOptions 长度及 Question 构造参数即可。
此方案彻底摆脱了脆弱的字符串替换逻辑，以清晰的数据流和不可变操作思维实现高可靠性题库生成，兼顾教学实用性与工程健壮性。
