PHPの配列をJavaScriptで使う方法｜json_encode()による変換手順を解説

PHPで定義した配列は、そのままJavaScriptでも利用することができます。対応範囲は1次元配列にとどまらず、多次元配列（ネストされた配列）にも対応しています。

変換を実現する鍵となるのが、PHPの json_encode() 関数です。この関数を使えば、PHPの配列をJSON形式の文字列に変換でき、そのままJavaScriptの変数として扱えるようになります。

サンプル：PHPの配列を用意する

まず、変換元となるPHPの配列を定義します。ここでは、名前とメールアドレスを持つシンプルな配列を例にします。

$myArr = array('Amit', 'amit@example.com');

PHP配列をJavaScriptに変換する

次に、json_encode() を使って、このPHP配列をJavaScript側に出力します。<?php echo ... ?> を <script> タグ内に記述することで、PHPの出力結果が直接JavaScriptのコードとして埋め込まれます。

<script>
var arr = <?php echo json_encode($myArr); ?>;
</script>

このコードが実行されると、ブラウザには次のようなJavaScriptコードとして展開されます。

var arr = ["Amit", "amit@example.com"];

変換した配列へのアクセス方法

最後に、変換した配列の要素にアクセスして、メールアドレスを出力してみましょう。通常のJavaScript配列と同じように、インデックス番号を指定するだけで値を取得できます。

document.write(arr[1]);

このコードを実行すると、画面には「amit@example.com」と表示されます。

まとめ

PHPとJavaScriptの間でデータを受け渡す際は、json_encode() を活用することで、配列や連想配列を安全かつ簡単に変換できます。特にAjax通信や動的なWebページの生成において頻繁に使われるテクニックなので、ぜひ覚えておきましょう。