JavaScriptで連想配列を作成する方法をわかりやすく解説

JavaScriptで連想配列を作成するには、「キーと値のペア」を持つオブジェクトを要素とした配列を使用します。

連想配列とは、数値のインデックス（添字）の代わりに、開発者が自由に定義したキーを使ってデータへアクセスできるデータ構造のことです。厳密に言えば、JavaScriptには他の言語のような専用の連想配列型は存在せず、その役割はオブジェクトが担っています。つまり、JavaScriptにおける連想配列とは「文字列のキーを持つオブジェクト」のことを指します。

連想配列の作成例

以下の例では、顧客情報を連想配列（オブジェクトの配列）として定義し、forループを使って各顧客の名前を出力しています。

var customerDetails=
[
    {
        "customerId":"customer-1",
        "customerName":"David",
        "customerCountryName":"US"
    },
    {
        "customerId":"customer-2",
        "customerName":"Bob",
        "customerCountryName":"UK"
    },
    {
        "customerId":"customer-3",
        "customerName":"Carol",
        "customerCountryName":"AUS"
    }
]
for(var i=0;i<customerDetails.length;i++){
    console.log(customerDetails[i].customerName);
}

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo115.js」として保存しています。

実行結果

このプログラムを実行すると、配列内の各オブジェクトからcustomerNameプロパティの値が順番に取り出され、コンソールに以下のように表示されます。

PS C:\Users\Amit\JavaScript-code> node demo115.js
David
Bob
Carol

このように、ドット記法（customerDetails[i].customerName）やブラケット記法（customerDetails[i]["customerName"]）を使うことで、ユーザー定義のキーを指定して値にアクセスできます。連想配列を活用すれば、意味のわかりやすいキー名で構造化されたデータを扱えるようになり、コードの可読性と保守性が大きく向上します。