PHPからJavaScriptへ配列を渡す時にJSが動かなくなる

Question

前提・実現したいこと

PHPを用いてDBから抽出したデータをJSに引き渡したい。

発生している問題・エラーメッセージ

PHPでDBからカラムを配列で取得、その配列をjson化までは可能。
変換されていることも確認。
JSの配列に置き換える際にJSすべてが機能しなくなる。

var js_array = JSON.parse('<?php echo $php_json; ?>';

上記を入力する前は、記載されている別のJSが動いていたが
この一文を入れると全てが動かなくなります。

PHPとJSは同じファイル内に記載しています。

var_Dump($php_json);
結果：　string(73) "["0","1","2","3","4","5","6","7","8","9","10","11","12","13","123","999"]"

該当のソースコード

$res = $pdo->query ( 'select * from product' );
$data = $res->fetchAll();		
$idDate = array_column($data,'id');
$php_json = json_encode($idDate);

var jsVar = <?php echo $php_json; ?>;
var js_array = JSON.parse (jsvar);
js_array.foreach(function(value){
　document.write(value);
});

補足情報（FW/ツールのバージョンなど）

PHP Version 7.2.7

Comments

[m.ts10806]

ブラウザ開発ツールコンソールのエラーを確認してください。またPHPで作成したJSON文字列の文法が正しいかも確認してください(構文チェックサービスがweb上にありますのでご活用ください)

[user_]

コンソールでは、JS一行目が「var jsVar = <br />」の表示になり「Uncaught SyntaxError: Unexpected token <」のエラーメッセージが表示されます。

[m.ts10806]

phpとjsは同じファイル内ではないのでしょうか。できればコード全体の流れが分かるものを提示していただきたく

[m.ts10806]

あと$php_jsonをvar_dumpした結果を質問本文に追記してください。

Answer 1

foreachではなく、forEachにすれば動きますね。

また、以下は冗長です。

var js_array = JSON.parse('<?php echo $php_json; ?>');

JSONというものは元々JavaScriptの配列やオブジェクトのソースコード形式なので、それを文字列にしてからJSON.parseしているのは冗長です。
ということで、以下のようにすれば動くと思います。

var js_array = <?php echo $php_json; ?>;
js_array.forEach(function(value){

Comments

[user_]

回答ありがとうございます。
ご指摘の通り修正しましたが、結果変わらず同じでした。

コンソールで確認した際に、JS一行目が
var jsVar = <br />

となってしまうのはなぜでしょう。

[ockeghem]

var jsVar = で始まる行はソースコードとして提示いただいてないので、調べようがないです

[user_]

ソース修正しました。

Answer 2

var_Dump($php_json);
結果：　string(73) "["0","1","2","3","4","5","6","7","8","9","10","11","12","13","123","999"]"

この結果と

コンソールでは、JS一行目が「var jsVar = <br />」の表示になり「Uncaught SyntaxError: Unexpected token <」のエラーメッセージが表示されます。

この結果が矛盾しています。
もし、本当にこうなるのなら、

<?php
$php_json = '["0","1","2","3","4","5","6","7","8","9","10","11","12","13","123","999"]';
echo $php_json;
?>

が

<br />

になるということです。
引いては、

<?php
echo  '["0","1","2","3","4","5","6","7","8","9","10","11","12","13","123","999"]';
?>

が

<br />

になるということです。

現状を再確認して下さい。
また、私がこの回答に書いたPHPコードだけで test.php を作成し、実行結果を確認して下さい。

※PHPの出力結果を見るのにブラウザのコンソールは必要ありません。HTMLソースを確認して下さい。

Re: user_ さん

Comments

[user_]

var jsVar = <?php echo $php_json; ?>;

で記載の部分がブラウザからHTMLソースを確認すると

var jsVar = <br />
<b>Notice</b>: Undefined variable: php_json in <b>C:\パス\ファイル名.php</b> on line <b>251</b><br />;

として表示されております。

また、書いて頂きました上記のPHPコードでtest.phpを作成して実行しましたら問題なく、
["0","1","2","3","4","5","6","7","8","9","10","11","12","13","123","999"]とブラウザ表示されました。
また、<script>タグ内部に書いてブラウザからソースを確認してみても問題なく
["0","1","2","3","4","5","6","7","8","9","10","11","12","13","123","999"]が入っていました。

申し訳ないですが私には原因がわからない為ご教示頂きたいです。

[think49]

これは私の読み込みが甘かったですね。
エラーメッセージでWeb検索して下さい。
https://www.google.co.jp/search?q=php+Notice+Undefined+variable

状況的に、`var_dump($php_json)` を `echo $php_json;` の「直前」に実行していないですね？
実行していたなら、値が入っていない事がすぐに分かったはずです。

[user_]

仰る通りですね。直前で実行すると値は入って来ていないです。

不明点として、1点あるのですが、
エラーがあるとJS自体全てが動かなくなるのでしょうか。

<?php echo $php_json; ?>
を記載して上手く値が渡されていない事で現在エラーとなっておりますが、
他のJS（グラフ表示）も動かなくなってしまっています。

[think49]

SyntaxErrorは致命的なエラーなので、エラーが発生した以降のコードは全て実行されません。

Answer 3

var jsVar = <br />

var jsVar = `<?php echo $php_json; ?>`;

とするとエラー情報が拾えるかもしれません

Comments

[user_]

var jsVar = <?php echo $php_json; ?>;　はUncaught SyntaxError: Unexpected token <　でしたが
上記では、Uncaught SyntaxError: Invalid hexadecimal escape sequenceになりました。