title: Why would joining an array work, but not accessing individual elements?
body: <p>I've just started working on customizing my Shopify template, but I've ran into a basic issue, where the docs didn't help.</p>
  <pre><code>&lt;script&gt;console.log(&quot;_{{ item.properties | join: &quot;, &quot; }}_&quot;);&lt;/script&gt;
  // prints &quot;_foo1, foo2_&quot;
  
  &lt;script&gt;console.log(&quot;_{{ item.properties[0] }}_&quot;);&lt;/script&gt;
  // prints &quot;__&quot;
  
  &lt;script&gt;console.log(&quot;_{{ item.properties }}_&quot;);&lt;/script&gt;
  // prints &quot;_EscapedHashDrop_&quot;
  </code></pre>
  <p>Thanks!</p>