Wirf mehrere Objekte in ein Array

Question

Ich bin im Loop durch einige Sammlungen (Kategorien in Shopify Liquid), und ich muss alle diese Sammlungen in ein Array werfen, so dass ich auf ihre Indizes zugreifen kann.

Was Im jetzt tun, ist dies:

{% 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> 

Und das ist das Ergebnis, das ich bekommen:

Ich brauche das Ergebnis so sein, in einem Array:

Wie kann ich diese Menge von Objekten zu Array l Ike ich habe für die Bilder unten gezeigt?

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

Wenn ich Array.of() verwenden, wie folgt aus:

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

ich dieses :

Aber alle diese Objekte sind immer noch nicht in einem Array. Vielleicht eine Stufe höher schieben?

Answer 1

Warum initiieren Sie die Auflistungsvariable innerhalb der for-Schleife? Versuchen Sie, diese

<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

nicht sicher, was Sie erreichen möchten, aber werfen Sie einen Blick auf die Array.of-Methode.

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

dennoch - es sieht aus wie Ihre Sammlungen eigentlich eine Sammlung sind und Sie deshalb suchen Sie vielleicht für ein Array in einem höheren Umfang definiert und nur Push/concat sie zusammen, wenn Sie Ihren Code mit Ihrer Sammlung erreichen.

Answer 3

Das Objekt ist wahrscheinlich sinnvoller in den meisten Fällen, aber Sie können so etwas wie folgt aus:

<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>