JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test" data-test="[]">
</div>
JavaScript
const div = document.getElementById('test');
const data = div.getAttribute("data-test");
const parsed = JSON.parse(data);
console.log(parsed);
div.innerHTML = `Data attribute is: ${data}, and its type is '${typeof data}''. Parsed data type is '${Array.isArray(parsed) ? 'array' : typeof parsed}'.`