Symfony 4 - PHP convert multidimensional array to javascript

Question

Hello I've this array in Symfony on my controller:

    $array = [
        "label" => [
            "january",
            "february"
        ],
        "data" => [
            0,
            1
        ]
    ];

I wish I could convert it for use in Javascript.

The goal is that I can get in JS:

["january", "february"] and [0,1]

to use them as array variables

I tried json_encode($array), it works but I can't access to my array using {{array["label"}} in Twig in the Javascript block

Can someone help me please ?

EDIT : Okay guys, it works now, I did this :

Controller :

    return $this->render('products/index.html.twig', [
        "report" => json_encode($report),
    ]);

index.html.twig (javascript bloc)

const data = {{report | raw}};

Thanks all !

Please, add to your question the part of your controller that return the response and your twig, where you try to read your data. — Preciel
– Preciel, Commented Feb 6, 2020 at 15:55

user1805543 · Accepted Answer · 2020-02-06 14:44:35Z

1

You do not have to call JSON.parse since the output of json_decode is a javascript literal. Just assign it to a variable.

var yourArray = <?php echo json_encode($array); ?>;

You can access property like this

alert(yourArray[0].Key);

answered Feb 6, 2020 at 14:44

user1805543

Sign up to request clarification or add additional context in comments.

2 Comments

eronn Over a year ago

No it doesn't work, I've this error : Impossible to access a key ("0") on a string variable ("{"label":["January","February"],"data":["0","1"]}").

user1805543 Over a year ago

Try like this yourArray[0][1] or Try like this alert(yourArray[0].1); See here how to access data in array jsfiddle.net/9f5zn2s6

Jérémy Halin · Accepted Answer · 2020-02-06 15:03:05Z

0

You can try use:

PHP:

$array = [
    "label" => [
        "january",
        "february"
    ],
    "data" => [
        0,
        1
    ]
];
$response = new Response(json_encode($array));
$response->headers->set('Content-Type', 'application/json');
return $response;

JavaScript:

var data = JSON.parse(response);
console.log(data.label)

Hope help you.

edited Feb 6, 2020 at 15:03

Jérémy Halin

5635 silver badges30 bronze badges

answered Feb 6, 2020 at 14:52

user12841492

2 Comments

eronn Over a year ago

Argh, no it doesn't work. I'm using Symfony, so I've to access my variable using var data = JSON.parse({{response}}) But it doesn't work

user12841492 Over a year ago

@eronn could you please provide here dd(data)?

Preciel · Accepted Answer · 2020-02-06 16:01:02Z

0

What you get is a Json string, not an object, you first have to parse it in Javascript.

const data=JSON.parse(array);

edited Feb 6, 2020 at 16:01

answered Feb 6, 2020 at 14:41

Preciel

2,8773 gold badges25 silver badges46 bronze badges

4 Comments

Josh Wood Over a year ago

Incorrect, if this was being pulled into a JS string then yeah that would be the case, but since we are using PHP we can literally just assign the json_encode result by echoing it into the script like: let arr = <?=json_encode($array); ?>;

eronn Over a year ago

No it doesn't work, I've this error in the console :``` Uncaught SyntaxError: Unexpected token '&' ```

Preciel Over a year ago

@JoshWood he's in his twig view, not in a simple HTML/PHP model. What you're suggesting isn't going to works

Josh Wood Over a year ago

@Preciel My apologies then

Collectives™ on Stack Overflow

Symfony 4 - PHP convert multidimensional array to javascript

3 Answers 3

2 Comments

2 Comments

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

4 Comments

Related