Printing / Echoing / Dumping Arrays

[reggi]

I'm looking for a way in liquid to see what something has before looping it. I'm working with shopify and I hate to have to consult the docs to see what is inside the array "product" I would love to be able to just {{product}} and see some kind of messy array with key value pairs (json would be nice) that I can visually parse and understand. I work a lot with php and javascript and use var_dump() and console.log() excessively and it bothers me that in liquid there is no way to see what is going on within an array. Why hasn't this been built into liquid? or if it has, could someone please share?

[reggi]

Stumbled upon the filter {{ variable | json }} and it works like a charm.

[chrisbo]

Good one :)

[aniruddhasm]

Thanks it worked 👍

[juanpasolano]

It doesn't work with everything...
Sometimes it throws {"error":"json not allowed for this object"}
Being new to shopify it'd be nice to be able to dump almost anything. or the whole "context" of a section for example

[tdhatcher]

Here's how I do it

Create a snippet named "dump.liquid" with the following code snippet
Note: if you use a different filename for the liquid snippet, make sure the variable being passed through liquid's json filter is also the same name, otherwise this shorthand usage won't work as expected

'dump.liquid'
<script type="text/javascript">
 console.log("Dumping");
 console.log({{ dump | json }});
</script>

Usage in template files:
{% include 'dump' with [OBJECT] %}

Example: Used within product.liquid template file
'product.liquid' {% include 'dump' with product %}

Open Chrome console and you will see an object that you can drill into and explore.

[horatiua]

For {{ linklists | json }} it throws {"error":"json not allowed for this object"}.
Any fix?

[cuichengshan]

Very useful but how do you format the output?

[str]

I'm still looking for a way to get pass the "not allowed for this object" issue.

[Enelar]

still no response for debug dumping variant metafields {"error":"json not allowed for this object"}

[airplanenoise]

{{ variableName | pprint }}

[VizualAbstract]

This is Shopify liquid. pp not available.

[verybluebot]

thanks @tdhatcher - this is the most elegant solution I found for this