【配列と連想配列】javascript入門

JavaScript

配列と連想配列の特徴を理解しておくといいと思います。
本記事では、配列と連想配列の比較を行い
連想配列のメリットを一つ紹介しようと思います。

配列

野菜の情報を格納した配列を作成します。
配列の中身を確認する際に、For文で展開し、indexを指定して
値を確認します。
下記のサンプルの場合、
インデックス0で、野菜のID(番号)が確認でき、
インデックス1で、野菜の名前が確認できます。

連想配列

一方、連想配列の場合、インデックスの指定ではなく、
キー名で値を確認することができます。
下記のサンプルの場合、
fruitIdで、果物のID(番号)が確認でき、
fruitNameで、果物の名前が確認できます。

コンソールで確認した場合、野菜情報も果物情報も特に問題なく実行されます。

しかし、ソースを確認した際に、
配列のインデックス0番ってなんだっけ?ということを回避できます。
つまり、理解しやすいソースコードになるため、連想配列の使用を強く推奨します。

初心者向けおすすめ書籍をご紹介!

jQueryの基本的なところから学びたい人向け
プログラミングを学んだけど、実際Webシステムで
どうやって開発するの?という方向けの書籍です
Kindle Unlimitedなら無料で読めます
初回登録、30日間無料!
Kindle Unlimitedを30日間無料体験する

コメント