JavaScript中如何高效随机化对象数组：以问答系统为例

// 假设 Answer 和 Question 类已定义如下
class Answer {
    constructor(text, value) {
        this.text = text;
        this.value = value; // 例如: 0 为错误答案, 1 为正确答案
    }
}

class Question {
    constructor(text, answers) {
        this.text = text;
        this.answers = answers;
    }
}

// 示例问题数组
const questions = [
    new Question("请问，JavaScript是哪年诞生的？", [
        new Answer("1993", 0),
        new Answer("1995", 1),
        new Answer("2000", 0),
        new Answer("1989", 0)
    ]),
    new Question("以下哪个不是JavaScript的数据类型？", [
        new Answer("Symbol", 0),
        new Answer("Boolean", 0),
        new Answer("Float", 1), // JavaScript中浮点数属于Number类型
        new Answer("BigInt", 0)
    ]),
    new Question("3 + 78 / 2 = ?", [
        new Answer("42", 0),
        new Answer("40.5", 0),
        new Answer("42.5", 1),
        new Answer("45", 0)
    ]),
    new Question("08 + -098 / 2 = ?", [
        new Answer("-41", 1),
        new Answer("-49", 0),
        new Answer("8", 0),
        new Answer("0", 0)
    ])
];

// 随机选择一个问题
function selectRandomQuestion(questionsArray) {
    if (questionsArray.length === 0) {
        return null;
    }
    const randomIndex = Math.floor(Math.random() * questionsArray.length);
    return questionsArray[randomIndex];
}

const randomQuestion = selectRandomQuestion(questions);
console.log("随机选择的问题:", randomQuestion.text);
// 在实际应用中，您可以将 randomQuestion 渲染到页面上

// Fisher-Yates 洗牌算法的通用实现
function shuffleArray(array) {
    // 遍历数组，从最后一个元素开始向前
    for (let i = array.length - 1; i > 0; i--) {
        // 在当前元素和第一个元素之间（包括当前元素）生成一个随机索引
        const j = Math.floor(Math.random() * (i + 1));

        // 交换当前元素 array[i] 和随机选中的元素 array[j]
        // 使用 ES6 数组解构赋值进行交换
        [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
}

// 假设 Question 和 Answer 类以及 questions 数组已如上定义

// 应用 Fisher-Yates 洗牌算法到问题数组
// 注意：为了不修改原始 questions 数组，通常会先创建一个副本
const shuffledQuestions = shuffleArray([...questions]); // 使用展开运算符创建数组副本

console.log("打乱后的问题顺序:");
shuffledQuestions.forEach((q, index) => {
    console.log(`问题 ${index + 1}: ${q.text}`);
});

// 之后，您可以遍历 shuffledQuestions 数组，按随机顺序将题目渲染到页面上