PHPの多次元配列をJavaScript配列に変換する方法

PHPで定義した配列は、そのままJavaScriptでも利用できます。1次元配列はもちろん、多次元配列にも対応しており、json_encode()メソッドを使うことで簡単に変換できます。

まず、以下のような多次元PHP配列を用意します。

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

json_encode()を使用すると、PHPの多次元配列をJSON形式にエンコードし、そのままJavaScriptの配列として扱えます。

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

最後に、変換した配列にアクセスしてメールアドレスを出力する方法を見てみましょう。

document.write(arr[1][1]);

このコードでは、配列の2番目の要素（Rahul）にあるメールアドレス「rahul@example.com」が出力されます。このように、json_encode()を活用すれば、PHPとJavaScript間でデータをシームレスに受け渡すことが可能です。

JavaScriptで配列をセット（Set）に変換する方法｜new Set()の使い方を解説
JavaScriptでは、new Set() コンストラクタを使うことで、配列を簡単にセット（Setオブジェクト）へ変換できます。セットは同じ値を自動的に1つだけ保持する性質を持つため、配列から重複した要素を取り除きたい場合にも非常に便利です。配列をセットに変換するサンプルコード以下は、ボタンをクリックすると配列がセットに変換されて表示される、完全なHTMLサンプルです。 <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport co
【JavaScript】NodeList（ノードリスト）を配列に変換する方法をわかりやすく解説
JavaScriptでdocument.querySelectorAll()などのDOM操作メソッドを使うと、戻り値として「NodeList（ノードリスト）」と呼ばれるノードのコレクションが返されます。NodeListは配列に似ていますが、map()やfilter()などArrayオブジェクトが持つ便利なメソッドの多くを使用できません。そこで実践では、NodeListを本物の配列に変換してから操作するのが一般的です。 NodeListを配列に変換する主な方法 1. Array.from() を使う最もシンプルで広く使われている方法です。NodeListを渡すと、それをもとにした新しい配列を生