PHPの変数をJavaScriptで使いたい（PHP変数をJavaScriptへ渡す方法）

PHPファイルでPHPの変数をJavaScriptで使う方法（JavaScriptへ渡す方法）をメモ的にまとめておきます。

数値・文字列を渡すとき：そのままecho

sample.php

<?php
$num = 1;
$str = 'abc';
?>

<script type="text/javascript">
var num = <?php echo $num; ?>;
console.log(num); // 1
var str = '<?php echo $str; ?>';
console.log(str); // abc
</script>

配列を渡すとき：json_encodeでJSON形式にして渡す

sample.php

<?php
$hoge = array('aaa', 'bbb');
?>

<script type="text/javascript">
var hoge = JSON.parse('<?php echo json_encode($hoge)?>');
console.log(hoge); // ["aaa", "bbb"]
</script>