Loop through JSON example

by Julien Etienne

HTML

<h2 id="links">LINKS</h2>

JavaScript

var info = {
    "full name": "Ray OEGWEGWEG",
        "Staff": "Staff Author",
        "Links": {
        "blog": "https://www.google.co.uk/search?",
            "facebook": "https://www.google.co.uk/search?",
            "youTube": "https://www.google.co.uk/search?",
            "google": "https://www.google.co.uk/search?"
    }
};


var output = "";

for (var key in info.Links) {
    if (info.Links.hasOwnProperty(key)) {
        output += '<li>' +
            '<a href="' + info.Links[key] +
            '">' + key + '</a>' +
            '</li>';
    }
}
var update = document.getElementById('links');
update.innerHTML = output;