【JavaScript】JSONオブジェクトの要素数を取得する場合はlengthだけじゃダメな件

2022/11/15

JavascriptでJSONデータを扱う場合、要素数を取得したいときがあると思いますが、単純にlengthだけでは取得できません。これを知らなくて最近ハマったので備忘録です。

Object.keysを使用して取得します。

下記の例のように単純に(JSON).length だと undefined にになってしまうので注意。Object.keys( (JSON) ).length という書き方をしましょう。

 
var data = {
  "会員": {
    "鈴木一郎": {
      "年齢": 34,
      "住所": "東京都新宿区"
    },
    "渡辺隆": {
      "年齢": 42,
      "住所": "大阪府大阪市"
    },
    "山田花子": {
      "年齢": 29,
      "住所": "北海道札幌市"
    },
    "佐藤太郎": {
      "年齢": 51,
      "住所": "福岡県北九州市"
    }
  }
};

console.log(data['会員'].length); //undefined
console.log(Object.keys(data['会員']).length); //4

- HTML/JavaScript