本文提供一种健壮、可扩展的 javascript 方法，用于从任意长度的原始列表中为每道题目随机生成 4 个互不重复的选项，确保正确答案始终随机分布于四个位置之一，彻底避免选项重复与逻辑耦合问题。
在构建交互式测验系统（如图片识别题、词汇选择题等）时，一个常见需求是：基于输入的素材列表（例如 s320/Apple.jpg），为每个条目自动生成一道单选题，包含题干、4 个互异且随机排序的选项，且正确答案必须随机出现在 A/B/C/D 中的任意位置。原始代码依赖大量 replace() 字符串操作，不仅难以维护，更会导致选项重复、索引越界、答案固定等问题——尤其在处理上百项素材时几乎不可用。
下面给出专业、可复用的重构方案，核心思想是：“先提取纯净数据 → 每题独立采样 → 答案注入+随机打乱”，完全规避字符串替换陷阱。
✅ 正确实现步骤详解
清洗原始输入：
从-
每题独立构造选项组：
对每个正确答案 filteredResult[i]：- 克隆完整题库 tempOptionList；
- 移除非答案项：保留该题正确答案，随机剔除 (总题数 − 4) 个干扰项，确保剩余数组恰好含 4 个候选（含答案本身）；
- 随机填充并去重：在剩余数组中反复随机抽取，利用 includes() 防止同一干扰项被重复选入；
- 答案位置随机化：由于我们最终将 4 个选项（含答案）以数组形式拼接，而答案已天然在其中，后续无需额外插入——只需保证最终 options 数组长度为 4 且元素唯一即可；其顺序已是随机的。
生成标准 Question 构造语句：
拼接为符合 new Question(questionText, [optA, optB, optC, optD], correctAnswer) 格式的字符串。
? 完整可运行代码
⚠️ 关键注意事项
- 鲁棒性保障：代码自动过滤空行、空白符及无效格式，支持任意长度输入（实测 >100 项稳定运行）；
- 真正随机性：使用 Fisher-Yates 变体（sort(() => Math.random() - 0.5)）对最终 4 个选项洗牌，确保答案位置均匀分布；
- 零重复机制：通过 splice() 剔除干扰项 + shuffled 数组天然去重，杜绝选项重复；
- 可扩展提示：如需支持更多选项（如 5 选 1），仅需修改 const toRemove = ... 和 shuffled 长度逻辑；
- 生产建议：实际项目中应将 Question 类定义为真实构造函数或 ES6 class，并添加输入校验与错误边界处理。
该方案摒弃了脆弱的字符串正则/替换逻辑，转而采用清晰的数据流建模，兼顾可读性、可维护性与工程可靠性，是构建动态题库系统的推荐实践。
