Convert PHP to Twig

Question

How can I convert this instruction :

<script>
<?php
 echo "sectionsPreview=".json_encode($this->groups).";\n";
 echo "typographyFonts=".json_encode($this->fontsDropdown).";\n";
?>
</script>

to Twig?

I did this:

{{ ((sectionsPreview'~groups|json_encode|raw) }}

Answer 1

In twig you can set js variables as

<script>

    var sectionsPreview = JSON.parse('{{ groups|json_encode() }}');
    var typographyFonts= JSON.parse('{{ fontsDropdown|json_encode() }}');

</script>

you may need JSON.parse to parse your string as json object

json_encode

Answer 2

如果您希望输出文本，可以这样做

{{ 'sectionsPreview='~groups|json_encode() }}