Create HTML table from JavaScript object

Question

I am a beginner of JavaScript and want to display an array of objects in HTML.

The format of the data is like this:

[
  {\"key\":\"apple\",\"value\":         


        

Answer 1

Maybe like this:

function obj2htmltable(obj) {
    var html = '';
    for (var key in obj) {
        var value = obj[key].toString();
        html += '';
    }
    html += '
' + key + '
' + value + '
';
    return html;
}

If case of nested structure (objects inside object) obj2htmltable() could call itself recursively:

function obj2htmltable(obj) {
    var html = '';
    for (var key in obj) {
        var item = obj[key];
        var value = (typeof(item) === 'object') ? obj2htmltable(item) : item.toString();
        html += '';
    }
    html += '
' + key + '
' + value + '
';
    return html;
}