How to convert a Twig array into JavaScript array

Question

I have a Twig array and I want to send it to JavaScript:

<script>
    var packages = {{packages}}
</script>

Error! Array to String Conversion.

How should I do that?

Solution 1

Ehsan jan, salam!

You may use json_encode twig filter to pass your arrays into javascript:

Twig

{% set packages = [1, 2, 3, 4] %}

<script>
    var packages = {{ packages|json_encode }}
</script>

Output

<script>
    var packages = [1,2,3,4]
</script>

Solution 2

I have an array from twig named filters, this single line did the job

const filters = JSON.parse('{{ filters | json_encode | raw }}');

Solution 3

Try this:

//javascript
const myArray = JSON.parse('{{ packages[0] }}');

Or this:

//javascript
const myArray = {{ packages[0] }};

Comments

[Yashwardhan Pauranik]

can u elaborate more... Your question is not clear

[DarkBee]

Possible duplicate of Use Javascript to access a variable passed through Twig

[ehsan]

thanx @DarkBee it is working

[Arleigh Hix]

This does not work with Twig v2.13.1, use @Stanley85 's answer stackoverflow.com/a/63391632/6127393