JSFiddle - React, Tailwind, and code Playground

by DaveAlger

JavaScript

function isNum(input)
{
    return (input - 0) == input && input.length > 0;
}

var mObj = {};
mObj.mArr = [];
mObj.mArr.push(function isTrue(){return true;});
mObj.mArr.push({id:['id1','id2','id3']});
mObj.mArr.push(function frosted(){return 'stars';});
mObj.mArr.push({days:['Monday','Tuesday','Wednesday','Thursday']});
mObj.mArr.push(function lucky(){return 'diamonds';});
mObj.mArr.push({colors:['orange','red','blue','green','yellow','white']});
mObj.mArr.push(function charms(){return 'clovers';});
mObj.mArr.push([{clouds:['fluffy','nimbus']},{pot:['gold']}]);



function r(obj) {
    var retString = '';
    if (obj)
        for (var key in obj) {
            if (typeof obj[key] == "object") {
                if ( !isNum(key) ) retString += '<br/><b>' + key + '</b><hr/>';
                retString += r(obj[key]);
            }
            else if (typeof obj[key] == "function")
                retString += "<span style='color:silver'>" + obj[key] + "</span><br/>";
            else if (typeof obj[key] != "function")
                retString += obj[key] + "<br/>";
        }
        
    return retString;
} 


document.write( '<style>*{font-family:sans-serif}</style>' + r(mObj) );