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?
-
1can u elaborate more... Your question is not clearYashwardhan Pauranik– Yashwardhan Pauranik2018-10-19 08:46:56 +00:00Commented Oct 19, 2018 at 8:46
-
thanx @DarkBee it is workingehsan– ehsan2018-10-19 09:03:50 +00:00Commented Oct 19, 2018 at 9:03
Add a comment
|
4 Answers
I have an array from twig named filters, this single line did the job
const filters = JSON.parse('{{ filters | json_encode | raw }}');
1 Comment
SteveExdia
I had to use backtick (`) instead of single quotes in the function param because one of the JSON values had a single-quote in it (apostrophe essentially).
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>
answered Oct 20, 2018 at 16:08
Peyman Mohamadpour
18k24 gold badges94 silver badges102 bronze badges
1 Comment
Arleigh Hix
This does not work with Twig v2.13.1, use @Stanley85 's answer stackoverflow.com/a/63391632/6127393
The existing answers didn't work for me. Specifically, it failed when the original array contained any string containing newlines (\n).
This is what worked for me:
let jsArray = JSON.parse('{{ twig_array|json_encode|e("js") }}');
Comments
Try this:
//javascript
const myArray = JSON.parse('{{ packages[0] }}');
Or this:
//javascript
const myArray = {{ packages[0] }};
