Как из php передать ассоциативный объект со значениями массивов в javascript?

Question

[ligisayan]

Всем привет!
Есть ассоциативный объект на php значения которого представляют собой массивы

$colors = {
  "Black":[123],
  "White":[456, 678, 890],
  "Red":[731, 222],
  "Blue":[478, 888]
}

Хочу передать его в javascript объект для последующего интерактивного взаимодействия с ним, но при кодировании

var colors = JSON.parse(<?php echo json_encode($colors);?>);

получаю ошибку

Uncaught SyntaxError: "[object Object]" is not valid JSON

Comments

[Сергей delphinpro]

откройте исходный код страницы в браузере и посмотрите, что там у вас получается написанным в итоге.

Answer 1

[Сергей delphinpro]

Зачем парсить?

JSON - JavaScript Object Notation
Это уже готовый объект

var colors = <?= json_encode($colors) ?>;

Comments

[ligisayan]

Сергей delphinpro изначально у меня без парсинга null показывало, поэтому я и пытался парсить.
Но, как оказалось, это было потому, что я ещё дополнительно пытался получить объект в javascript через data-поле вот так:

<span hidden class="colors-found" data-colors="<?php echo json_encode($colors); ?>"></span>

А когда убрал скрытое поле span, то действительно заработало, как вы и написали. Спасибо!