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

Question

对于一个学校项目，我正在制作一个显示 dichotomous key 的网络应用程序.

首先，它显示了一个可能的项目列表。用户在脑海中选择一个。然后，该应用会向用户显示一个问题和用于Yes 或No 的按钮。根据对前一个问题的回答提出一个新问题。这一直持续到只有一个项目符合用户的响应。

我的问题是如何存储数据。我最初的想法是嵌套数组。下面是一个使用水果的例子:

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?                   -     -      +      -

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