JSFiddle - React, Tailwind, and code Playground

by RichardAD

HTML

<div id='msg'></div>

JavaScript

data = { a : 'b', c: {d:'e', f:[1,2,3,4,{x:'y'}]}, g:true, h:4 };

function dotify(O,prefix) {
    var result = [];
    var dot=(prefix)?'.':'';
    $.each(O, function (key,value){

        if (typeof(value)!='object') {
            result.push(prefix+dot+key+'='+value);
        } else {
            $.each(dotify(value,prefix+dot+key), function(key2,value2) {
result.push (value2)
            })
        }
    })

return result;
}

$('#msg').text(dotify(data,'').join(' | '));