jquery - jquery関数でリストを含むマップを反復する方法

Question

jqueryで以下を繰り返す方法を教えてください。

var data={100=[submenu 4, submenu 5, submenu 6],
          120=[submenu 10, submenu 11, submenu 12],
          125=[submenu 19, submenu 20, submenu 21],
          99=[submenu 16, submenu 17, submenu 18], 
          77=[submenu 13, submenu 14, submenu 15],
          70=[submenu 1, submenu 2, submenu 3],
          44=[submenu 7, submenu 8, submenu 9]};

IDに基づいて上記のものを繰り返したい.....100,120,125............

Answer 1

まず、dataオブジェクトが正しいかどうかを確認します。

var data = { "100" : ["submenu 4", "submenu 5", "submenu 6"],
             "120" : ["submenu 10", "submenu 11", "submenu 12"],
             "125" : ["submenu 19", "submenu 20", "submenu 21"],
             "99"  : ["submenu 16", "submenu 17", "submenu 18"], 
             "77"  : ["submenu 13", "submenu 14", "submenu 15"],
             "70"  : ["submenu 1", "submenu 2", "submenu 3"],
             "44"  : ["submenu 7", "submenu 8", "submenu 9"] };

次に、ループを使用forしてオブジェクト内の要素を反復できます。

for (var key in data) {
    console.log(data[key]);
}

$.each()jQueryメソッドを使用することもできます。

$.each(data, function(key, value) {
    console.log(key);
});