二分键 (JS) 的数据/逻辑结构

Question

对于一个学校项目，我正在制作一个网络应用程序，它呈现一个二分键。

首先，它显示可能的项目列表。用户在脑海中选择一个。然后，应用程序会向用户提出一个问题以及表示是或否的按钮。根据对前一个问题的答复提出一个新问题。这将持续下去，直到只有一项符合用户的响应。

我的问题是如何存储数据。我最初的想法是嵌套数组。这是一个使用水果的示例：

Options: Apple, Orange, Banana, Pear

0 - "Is it shaped like a sphere?"           Initial question
1 -                                         Yes response
    0 - "Do you eat the peel/skin?"         Subsequent question
    1 - "Apple"                             Answer based on Yes response
    2 - "Orange"                            Answer based on No response
2 -                                         No response to initial
    0 - "Is it yellow                       Subsequent question
    1 - "Banana"                            Answer based on Yes response
    2 - "Pear"                              Answer based on No response

但是，这种方式对于大量数据来说似乎会变得相当笨重。有没有更好的方法来构建这个？

这必须完全是 JS/HTML；我不想使用数据库或类似的东西。

Answer 1

我建议使用这样的表格（从技术上讲，它可以是对象数组），

                                Apple Orange Banana Pear
Is it shaped like a sphere?     +     +      -      -
Do you eat the peel/skin?       +     -      -      +
Is it yellow?                   -     -      +      -

与嵌套对象或图形相比，它更灵活，因为您可以根据选择的项目动态确定问题及其顺序。

Answer 2

在 JSON 中：

{
  "Question": "Is it shaped like a sphere?",
  "Yes":
    {
      "Question": "Do you eat the peel/skin?",
      "Yes": "Apple",
      "No": "Orange"
    },
  "No":
    {
      "Question": "Is it yellow?",
      "Yes": "Banana",
      "No": "Pear"
    }
}