JSFiddle - React, Tailwind, and code Playground

HTML

<div id="data" data-idata="[1,2,3]" data-sdata='["foo", "bar", "baz"]'></div>

<div id="out1">by JSON.parse</div>
<div id="out2">by JSON.parse</div>

JavaScript

function out(id, o)
{
    var ul = $("<ul>");
    for (var key in o)
    {
        ul.append($("<li>").text(key + " -> " + o[key]));
    }
    $(id).text(o).append(ul);
}

out("#out1", $("#data").data('idata'));
out("#out2", $("#data").data('sdata'));