JavaScriptで連想配列の長さを取得する方法を解説

JavaScriptで連想配列の長さを取得するには、Object.keys()メソッドとlengthプロパティを組み合わせるのが一般的です。通常の配列のようにlengthプロパティを直接使っても、文字列キーを持つ連想配列の要素数は取得できない点に注意が必要です。

まず、連想配列を作成してみましょう。

var details = new Array();
details["Name"] = "John";
details["Age"] = 21;
details["CountryName"] = "US";
details["SubjectName"] = "JavaScript";

この連想配列には、4つのキーと値のペアが格納されています。それでは、実際に連想配列の長さを取得してみましょう。

サンプルコード

var details = new Array();
details["Name"] = "John";
details["Age"] = 21;
details["CountryName"] = "US";
details["SubjectName"] = "JavaScript";
console.log("The length==" + Object.keys(details).length);

Object.keys(details)は、連想配列が持つすべてのキーを配列として返します。その結果の配列にlengthプロパティを適用することで、キーの総数、つまり連想配列の長さを取得できます。

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

node fileName.js

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

実行結果

上記のプログラムを実行すると、以下の出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo.js
The length==4

このように、Object.keys().lengthを使えば、連想配列に含まれる要素の数（この例では4）を簡単に取得できます。

補足：モダンなJavaScriptでの書き方

なお、文字列をキーとする連想配列としてデータを扱う場合は、ArrayではなくObjectやMapを使用するのがより適切です。特にMapにはsizeプロパティが用意されているため、要素数を直接取得できるのが便利です。

// オブジェクトの場合
const details = {
  Name: "John",
  Age: 21,
  CountryName: "US",
  SubjectName: "JavaScript"
};
console.log(Object.keys(details).length); // 4

// Mapの場合
const map = new Map([
  ["Name", "John"],
  ["Age", 21],
  ["CountryName", "US"],
  ["SubjectName", "JavaScript"]
]);
console.log(map.size); // 4

用途に応じてObject.keys().lengthとMap.sizeを使い分けることで、より読みやすく保守しやすいコードになります。