javascript - Javascript 嵌套数组

Question

我目前正在开发一个与烹饪有关的网站，并将存储食谱。

目前我打算将食谱存储在 JS 嵌套数组中。该数组将包含所有食谱，然后在每个食谱中将是另一个数组，其中包含该食谱的所有成分。

构造这个嵌套数组的最佳方法是什么？

目前我有以下内容，但我不完全确定这是最好/正确的方法......

任何帮助深表感谢。

var recipes = [
    {
        name:"pizza",
        ingredients: {
            "tomato",
            "cheese",
            "meat"
        }
    }
]

Answer 1

我同意@smakateer 关于关联数组的观点。但是，我会对其进行一些改进：

var recipes = {
    "pizza": { 
        "ingredients": ["tomato", "cheese", "meat" ], //or "ingredients": [ {"name":"tomato", "howMany": 3} ]

        //thanks to this it will be easier extendable, i.e.
        "description": "Some description",
        imageUrl: URL
    }
}

编辑：您可能会有很多披萨收据，因此您可以将它们存储在一个键下的对象数组中。

...
"pizza": [ {...}, {...} ],
"dumplings": []
...

Answer 2

我建议将名称移动到数组的顶层并将其切换为关联的字符串数组到数组：

var recipes = {
    "pizza": [
        "tomato",
        "cheese",
        "meat"
    ]
}

然后您可以按名称调用每个配方并获取可迭代的成分列表。