JSFiddle - React, Tailwind, and code Playground

HTML

<div id='log'></div>

JavaScript

var $log = $('#log');
var data = '[{"id" : "1", "name" : "bob"}]'; //because we're parsing it in the next step
var retrievedData = JSON.parse(data);

    for (var parentProp in retrievedData) {  //this gets us each object in the array passed to us
        if (retrievedData.hasOwnProperty(parentProp)) {
            var item  = retrievedData[parentProp];
            for (var property in item) { //this gives us each property in each object
                if (item.hasOwnProperty(property)) {
                    console.log(item[property]);
                    $log.prepend("<br>");
                    $log.prepend("Property name is - " + property);
                    $log.prepend("<br>");
                    $log.prepend("Value of property is - " + item[property]);
                    //do stuff
                }
            }
        }
    };