Get object names from an array and create an unordered list

Question

var Data = [
    {"Částí historky" : [
        {"NSP" : "Ně sítí potažmo"},
        {"PNK" : "Pólu nutné klimatu"}
    ]},
    {"Fyzika ně" : [
        {"SZK" : "Sněžná z křížení"},
        {"ZZS" : "Z základna softwarové"}
    ]},
    {"Zájmem franků" : [
        {"RTD" : "Rodinu tito duchu"},
        {"KVV" : "Končetin ve vesmíru"}
    ]}
];

for (var i=0; i<Data.length; i++) {
    $("#dynamicLoad").append("<ul><li>" + Data[i] + "</li></ul>");
}

JSFiddle

I have an array and I would like to get the key names and create an unordered list with them to create the final result like this:

<div id="dynamicLoad">

<ul>
  <li><input type="checkbox" name="" value="Částí historky">Částí historky</li>
    <ul>
      <li><input type="checkbox" name="" value="NSP">Ně sítí potažmo</li>
      <li><input type="checkbox" name="" value="PNK">Pólu nutné klimatu</li>
    </ul>
</ul>

<ul>
  <li><input type="checkbox" name="" value="Fyzika ně">Fyzika ně</li>
    <ul>
      <li><input type="checkbox" name="" value="SZK">Sněžná z křížení</li>
      <li><input type="checkbox" name="" value="ZZS">Z základna softwarové</li>
    </ul>
</ul>

<ul>
  <li><input type="checkbox" name="" value="Zájmem franků">Zájmem franků</li>
    <ul>
      <li><input type="checkbox" name="" value="RTD">Rodinu tito duchu</li>
      <li><input type="checkbox" name="" value="KVV">Končetin ve vesmíru</li>
    </ul>
</ul>

</div>

Answer 1

Maybe take a look at how your data is structured. You will have to do a lot of work to process it gracefully. Try this:

var Data = [
    {"Částí historky" : [
        {"NSP" : "Ně sítí potažmo"},
        {"PNK" : "Pólu nutné klimatu"}
    ]},
    {"Fyzika ně" : [
        {"SZK" : "Sněžná z křížení"},
        {"ZZS" : "Z základna softwarové"}
    ]},
    {"Zájmem franků" : [
        {"RTD" : "Rodinu tito duchu"},
        {"KVV" : "Končetin ve vesmíru"}
    ]}
];
var keys = [];
for (var i in Data) {
    for (var k in Data[i]) {
        keys.push(k);
    }
}
for(var k in keys) {
   $("#dynamicLoad").append("<ul><li>" + keys[k] + "</li></ul>"); 
}