title: Javascript nested arrays
body: <p>I am currently developing a website to do with cooking and will store recipes.</p>
  
  <p>At the moment I am planning to store the recipes in a JS nested array. The array will contain all the recipes and then within each of the recipes will be another array containing all the ingredients for that recipe.</p>
  
  <p>What would be the best way to structure this nested array?</p>
  
  <p>Currently I have the following but I'm not entirely sure this is the best/correct way to do it...</p>
  
  <p>Any help is much appreciated.</p>
  
  <pre><code>var recipes = [
      {
          name:"pizza",
          ingredients: {
              "tomato",
              "cheese",
              "meat"
          }
      }
  ]
  </code></pre>