Array Helpers

{{first items}}

{{! items = ["Apple", "Banana", "Cherry"] }}
{{first items}}

<p>Featured: {{first featuredProducts}}</p>

{{last items}}

{{! items = ["Apple", "Banana", "Cherry"] }}
{{last items}}

<p>Most recent order: #{{last orderNumbers}}</p>

{{at items 1}}

{{! items = ["Apple", "Banana", "Cherry"] }}
{{at items 1}}

{{join items ", "}}

{{! tags = ["javascript", "nodejs", "api"] }}
{{join tags ", "}}

{{join tags " | "}}

<p>Categories: {{join categories ", "}}</p>
<p>Phone: {{join phoneParts "-"}}</p>

{{length items}}

{{! items = ["A", "B", "C"] }}
{{length items}}

<p>{{length items}} items in cart</p>
<p>{{length description}} characters</p>

{{contains array value}}

{{! roles = ["admin", "editor"] }}
{{#if (contains roles "admin")}}
  <span class="admin-badge">Admin</span>
{{/if}}

{{sum numbers}}
{{sum items "price"}}

{{! numbers = [10, 20, 30] }}
{{sum numbers}}

{{! items = [{price: 10}, {price: 20}, {price: 30}] }}
{{sum items "price"}}

<p>Total: {{currency (sum items "price") "USD"}}</p>
<p>Total Quantity: {{sum items "quantity"}}</p>

{{average numbers}}
{{average items "rating"}}

{{! scores = [85, 90, 78, 92] }}
{{average scores}}

<p>Average Rating: {{round (average reviews "rating") 1}} / 5</p>

{{max numbers}}
{{max items "price"}}

{{! prices = [29.99, 49.99, 19.99] }}
{{max prices}}

<p>Highest Price: {{currency (max products "price") "USD"}}</p>

{{min numbers}}
{{min items "price"}}

{{! prices = [29.99, 49.99, 19.99] }}
{{min prices}}

<p>Starting at {{currency (min products "price") "USD"}}</p>

<div class="order-summary">
  <h3>Order Summary</h3>
  <p>Items: {{length items}}</p>
  <p>Total Quantity: {{sum items "quantity"}}</p>
  <p>Subtotal: {{currency (sum items "total") "USD"}}</p>
</div>

<div class="tags">
  {{#if (isNotEmpty tags)}}
    <p>Tags: {{join tags ", "}}</p>
  {{else}}
    <p class="no-tags">No tags</p>
  {{/if}}
</div>

<div class="price-range">
  <p>
    {{currency (min variants "price") "USD"}} - 
    {{currency (max variants "price") "USD"}}
  </p>
</div>

<div class="statistics">
  <p>Total Sales: {{currency (sum orders "total") "USD"}}</p>
  <p>Average Order: {{currency (average orders "total") "USD"}}</p>
  <p>Largest Order: {{currency (max orders "total") "USD"}}</p>
  <p>Smallest Order: {{currency (min orders "total") "USD"}}</p>
</div>

<table>
  <tbody>
    {{#each lineItems}}
    <tr>
      <td>{{this.description}}</td>
      <td>{{this.quantity}}</td>
      <td>{{currency this.unitPrice "USD"}}</td>
      <td>{{currency (multiply this.quantity this.unitPrice) "USD"}}</td>
    </tr>
    {{/each}}
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">Total Items</td>
      <td>{{sum lineItems "quantity"}}</td>
    </tr>
    <tr>
      <td colspan="3">Subtotal</td>
      <td>{{currency (sum lineItems "total") "USD"}}</td>
    </tr>
  </tfoot>
</table>

<p>
  {{#if (eq (length authors) 1)}}
    Author: {{first authors}}
  {{else if (eq (length authors) 2)}}
    Authors: {{at authors 0}} and {{at authors 1}}
  {{else}}
    Authors: {{at authors 0}}, {{at authors 1}}, and {{subtract (length authors) 2}} others
  {{/if}}
</p>