为什么加入数组有效，但不能访问单个元素？

Question

我刚刚开始自定义我的 Shopify 模板，但我运行遇到了一个基本问题，文档没有帮助。

<script>console.log("_{{ item.properties | join: ", " }}_");</script>
// prints "_foo1, foo2_"

<script>console.log("_{{ item.properties[0] }}_");</script>
// prints "__"

<script>console.log("_{{ item.properties }}_");</script>
// prints "_EscapedHashDrop_"

谢谢！

Answer 1

您正在第一个控制台中获取字符串中的值，并尝试在第二个控制台中以数组形式获取值，所以这是不可能的

您必须使用 .split() 函数将字符串值转换为数组。

试试这个代码，它会根据你给出结果。

var itemvalue = "_{{ item.properties | join: ", " }}_";
   // console.log(itemvalue); --->  print  "_foo1, foo2_"
    var myvalue = itemvalue.split(",");
    console.log(myvalue[0]);

为什么加入数组有效，但不能访问单个元素？

Why would joining an array work, but not accessing individual elements?

liquid

shopify