如何在JavaScript中的嵌套对象中引用对象属性

Question

我正在尝试创建一个具有一组问题和答案的琐事游戏（每个问题都有一个正确答案，但其他3个答案将以多选格式显示，供用户选择）。

我遇到的问题是我不知道如何最好地构造对象以实现目标。

到目前为止，我已经考虑了以下方法：-创建一个“问题”对象，其中包含一系列问题，正确答案和每个问题的虚拟答案。IE

var metricQuestions = {

    q1: {

        question: "What is my name?",

        correctAnswer: "Elizabeth",

        incorrectAnswer1: "David",

        incorrectAnswer2: "Fraser"

    },

    q2: {

        question: "What is my dog's name?",

        correctAnswer: "Annie",

        incorrectAnswer1: "Purple",

        incorrectAnswer2: "Face"

    }

};

从人工工作的角度来看，这种方法很烂，因为当我向用户提供问题和正确答案时，我无法从一堆随机的“错误”答案中提取信息。感觉效率低下和重复。

-分别为“问题”和“答案”创建单独的对象，并在问题对象内引用对于特定问题正确的答案。在语法方面，我无法使它正常工作。

var metricQuestions = {

    q1: {

        question: "What is First Contentful Paint (FCP)?",

        correctAnswerID = (metricAnswers.a1)

    },

    q2: {

        question: "What is Time to Interactive (TTI)?",

        correctAnswerID: a1

    }

};

我还尝试过在metricQuestions对象中将正确的答案设置为字符串，但是当我随机抽取其他选择选项（以及其他潜在问题）。

-我尝试过的最后一种方法是嵌套方法，其中同一对象内的属性相互引用。从语法上讲，我遇到各种各样的错误“ Uncaught SyntaxError：无效的速记属性初始化程序。”

var questionBank = {

    answers: {

        a1: "A lab metric that measures when the main thread is quiet enough to respond to user input.",

        a2: "A field and lab metric that tells when the first pixel is painted on the screen.",

        a3: "Test answer 3.",

        a4: "Test answer 4.",

        a5: "Test answer 5."

    },

    questions: {

        q1: {

        question: "What is First Contentful Paint (FCP)?",

        correctAnswerID = questionBank.answers.a1

        },

        q2: {

        question: "What is Time to Interactive (TTI)?",

        correctAnswerID = questionBank.answers.a2

    },

    }

};

对于多选琐事游戏，我如何最有效地解决一堆问题，并提供相应的正确答案和几个错误答案？

Answer 1

您的QuestionBank可以是一个数组，因此您无需知道键（例如q1，q2等）就可以轻松地获得随机问题。QuestionBank的每个元素都会是一个带有问题的对象Question，一个正确答案和一系列错误答案，您可以从中选择一些要显示的内容（您可以选择8个，每次选择3个）。像这样：const QuestionBank = [ {                          question: "What is my name?",                         correctAnswer: "Elizabeth",                         wrongAnswers: ["David", "John", "Julian", "Eugene", "Robert"]                       },                       {                          question: "What is my dog's name?"                         correctAnswer: "Annie",                         wrongAnswers: ["David", "John", "Julian", "Eugene", "Robert"]                       }];