Сбросить несколько объектов в массив

Question

Im цикл через некоторые коллекции (называемые категориями в Shopify Liquid), и мне нужно отобразить все эти коллекции в массив, чтобы я мог получить доступ к их индексам.

Что Im делает сейчас это:

{% for link in linklists[page.handle].links limit:1 %} 
{% assign collection = link.object %} 

// Im doing the above code somewhere above in the liquid file, thats where I get the link.object 


<script> 
    var collections = {{ link.object | json }}; 
    console.log(collections); 
</script> 

И это результат я получаю:

мне нужен результат, чтобы быть, как это, в массиве:

Как я могу передать эти объекты в массив l ike Я показал для изображений ниже?

/********** EDIT *******/

Когда я использую Array.of(), как это:

console.log(Array.of(collections)); 

Я получаю это :

Но все эти объекты все еще не находятся в массиве. Может быть, подтолкнуть его на один уровень?

Answer 1

Почему вы инициируете переменную коллекции внутри цикла for? Попробуйте

<script>var collections = new Array</script> 
{% for link in linklists[page.handle].links limit:1 %} 
{% assign collection = link.object %} 

// Im doing the above code somewhere above in the liquid file, thats where I get the link.object 


<script> 
    collections.push({{ link.object | json }}); 
    console.log(collections); 
</script> 
{% endfor %} 

Answer 2

не уверен, чего вы пытаетесь достичь, но посмотрите на метод Array.of.

Array.of({obj1Prop1: 'value1'}, { obj2Prop1: 'value2'}); 

тем не менее - это выглядит, как ваши коллекции на самом деле это коллекция, и вы поэтому вы, возможно, ищете массив в более высоком объеме, определенный и просто нажать/CONCAT их вместе, как только вы достигаете код с вашей коллекцией.

Answer 3

объект, вероятно, более полезным в большинстве случаев, но вы можете так что-то вроде этого:

<script> 
    var collections = { 

    "collections": [{% for collection in collections %} 
     { 
     {% if collection.image %}"image": "{{ collection.image }}",{% endif %} 
     "body_html": "{{ collection.description | url_escape }}", 
     "handle": "{{ collection.handle }}", 
     "id": {{ collection.id }}, 
     "sort_order": "{{ collection.default_sort_by }}", 
     "template_suffix": "{{ collection.template_suffix }}", 
     "title": "{{ collection.title }}", 
     "products_count": {{ collection.products_count }}, 
     "url": "{{ collection.url }}", 
     "products": [] 
     }{% unless forloop.last %},{% endunless %}{% endfor %} 
    ] 
    } 
</script>