記事をシェアする

JavaScriptでの多次元配列(2次元配列)の扱いをまとめてみた

記事をシェアする

最近授業でPHPによる多次元配列を扱ったりするのですが、JavaScriptではどう処理するのか気になったのでまとめてみました。

スポンサーリンク

そもそも多次元配列とは何か

「多次元配列」と聞いて、ピンとくる方もこない方もいらっしゃると思うので、説明したいと思います。例えば、以下の様な表をイメージしてください。

1 2 3 4
1 100 200 300 400
2 500 600 700 800
3 900 1,00 1,100 1,200
4 1,300 1,400 1,500 1,600

Excelで表を作る際、こんな感じになるのでは無いでしょうか。上の表のように、2つの添字を指定して値を指定できる配列を「2次元配列」と言います。「3次元配列」や「4次元配列」もあり、それらを総称して「多次元配列」と呼びます。

JavaScriptで2次元配列を扱う

2次元配列は以下のようにして作ります。

2次元配列の生成

あるいはまとめて以下の様な記述も可能です。

2次元配列へのアクセス

2次元配列は以下のようにしてアクセスできます。

上記は、変数numに100を代入した処理です。あっ大事なことを言い忘れていましたが、配列は0から始まるので、1列目の1行目を指定する場合[0][0]と指定してあげなければいけません。では、簡単なサンプルを試して実際2次元配列を使ってみます。

上記コードを実行すると、以下の様な結果が返ってきます。

実行結果

PHPでも同じ処理ができますが、今回は省きます。データベースを使うまでもないけど、任意のデータを呼び出したい場合に便利なのでぜひ使ってみてください・ω・

たいしょんブログを
プッシュ通知で購読しよう!

スポンサーリンク

記事をシェアする

フォローする

トップへ戻る