title: Iterating over json object programmatically with Handlebars
body: <p>I have some json that looks like this:</p>
  
  <pre><code>{{...},
  "skills": [{
          "languages": ["Java", "JavaScript", "C", "HTML5", "CSS3", "PHP", "Python"],
          "j2ee": ["JSP", "Struts", "Tiles"],
          "servers": ["Apache Tomcat 5, 6", "Webshpere Application Server", "Node.js", "Django (Python framework)"],
          "tools": ["Eclipse and Rational Application Developer", "Maven", "vim", "*nix CLI"],
          "versions": ["Git", "MKS", "Accurev", "SubVersion", "CVS"]
  }], 
  {...}}
  </code></pre>
  
  <p>and some handlebars in a partial that looks like this:</p>
  
  <pre><code>{{#each skills}}
  &lt;div id="{{this}}"&gt;
  &lt;ul&gt;
      {{#list this}}
      &lt;li&gt;{{this}}&lt;/li&gt;
      {{/list}}
  &lt;/ul&gt;
  &lt;/div&gt;
  {{/each}}
  </code></pre>
  
  <p>This obviously does not work, but my thought process was that I could iterate over the <code>skills</code> array programmatically so that I wouldn't have to put the keys in, and then iterate over each key's value (an array).</p>
  
  <p>I know I could just do something like </p>
  
  <pre><code>{"skills": 
      [{"name": "languages", 
        "values":["Java",...]},
       {"name": "j2ee", 
        "values":["JSP",...]},
       {...}]}
  </code></pre>
  
  <p>but I'm wondering if there's a way to do it with the first structure.</p>