title: Best way to handle array in object in handlebars
body: <p>I'm learning how to use handlebars, and I'm not sure what's the best way to display my object.</p>
  
  <p>Basically, I have a complex object to display. The object is something like this:</p>
  
  <pre><code>{
    bookList: [{
      name: "the name",
      reviewers: ["a reviewer name", "another reviewer"]
    }]
  }
  </code></pre>
  
  <p>Then my handlebars template needs to display something like:</p>
  
  <pre><code>{{#each bookList}}
  &lt;tr class="row"&gt;
  &lt;td class="cell"&gt;{{name}}&lt;/td&gt;
  &lt;td class="cell"&gt;need to display comma separated names here, like this: "a reviewer name, another reviewer&lt;/td&gt;
  &lt;td class="cell"&gt;display number of reviewers here, like this: "2"&lt;/td&gt;
  &lt;/tr&gt;
  {{/each}}
  </code></pre>
  
  <p>But I'm not sure how I can do that, or what the best way to do it is. I could easily pre-format my javascript object in javascript before I pass it to the handlebars template, and just add fields like "commaSeparatedReviewers", and "numberOfReviewers", but it seems like it would be more efficient / better to do it with handlebar helpers I think?</p>
  
  <p>Can I use handlebar helpers to do something like create a comma separated string out of an array, and count the elements in an array? If so, how can I do that? </p>