title: How to iterate an object with Handlebars?
body: <p>It is easy to iterate an array with Handlebars.js like:</p>
  <pre><code>{{#each comments}}
  &lt;div class=&quot;comment&quot;&gt;
    &lt;h2&gt;{{title}}&lt;/h2&gt;
    {{{{url}}}
  &lt;/div&gt;
  {{/each}}
  </code></pre>
  <p>and an array like:</p>
  <pre><code>{
    comments: [
     { url: &quot;http://www.yehudakatz.com&quot;, title: &quot;Katz Got Your Tongue&quot; },
     { url: &quot;http://www.sproutcore.com/block&quot;, title: &quot;SproutCore Blog&quot; }, 
    ]
  }
  </code></pre>
  <p>But I don't find a method to iterate an object like:</p>
  <pre><code>{
    headers: { 
       &quot;Host&quot;: &quot;www.example.com&quot;, 
       &quot;Location&quot;: &quot;http://www.example.com&quot;,
  
       ... Much more map items ... 
    }
  }
  </code></pre>
  <p>Is there any method to iterate an object with Handlebars.js? Or do I have to restructure the object like:</p>
  <pre><code>{
    headers: [
     { key: &quot;Host&quot;, value: &quot;www.example.com&quot; },
     { key: &quot;Location&quot;, value: &quot;http://www.example.com&quot; }, 
    ]
  }
  </code></pre>