looping through array object

by dshilkret

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<ul id="uploadfiles"></ul>

JavaScript

var uploadedfiles = {"extension":["docx","pdf"]};
/*{
    "files" : [
    {"file1" : "http://www.mysite.com/file1.jpg"},
    {"file2" : "http://www.mysite.com/file2.jpg"},
    {"file3" : "http://www.mysite.com/file3.jpg"},
    {"file4" : "http://www.mysite.com/file4.jpg"}
    ] 
};*/

var output="";
for(var i=0; i<= uploadedfiles.files.length; i++) {
	for (key in uploadedfiles.extension[i]) {
         if (uploadedfiles.extension[i].hasOwnProperty(key)) {
			output += '<li class="list-group-item"><a href="' + uploadedfiles.extension[i][key] + '" target="_blank">' + key + '</a><button type="button" class="close" aria-hidden="true">&times;</button></li>';
         } // has own property
	} // for each array element
} // for each object
var update = document.getElementById('uploadfiles');
update.innerHTML = output;