JavaScriptのオブジェクトのキーを配列に変換する方法

たとえばJSONデータなんかをあつかっていて、その形式がオブジェクト形式で完結しているばあい、HTMLにリストで出力するのとかが大変になりがちです。元のデータを配列にしてしまえば困ることもないと思いますが、APIなどの仕様でオブジェクトで扱わなくてはならない場合、下記のようにオブジェクトのキーを配列に変換する方法があります。

hoge.js

var hoge = {
    "pageid1": {
        "title": "Any title here",
        "content": "Any content here",
        "type": "Any type here"
    },
    "pageid2": {
        "title": "Any title here",
        "content": "Any content here",
        "type": "Any type here"
    }
};

var keys = Object.keys(hoge);

実行結果

console.log(keys);

// ["pageid1","pageid2"]

配列にしてしまえば、ループで回すときにもi番目という処理がかませられるので安心ですね。

オブジェクトの方が見通しがよかったりするので、いちいち処理をはさむという手間をふむのか、元データの扱いやすさを優先するのかを考慮して選択してもいいですね。いずれにせよ処理できるということですから。