JSFiddle - React, Tailwind, and code Playground

by ydubey

HTML

<div>Value: <span id="value"></span></div>
<div>Expression: <span id="expression"></span></div>
<div>Result: <span id="result"></span></div>
<div>Type: <span id="type"></span></div>

JavaScript

const value = {
  items: [
    {
      name: 'a'
    },
    {
      name: 'b'
    }
  ]
};
const expression = '`${value.items}`';
const fn = new Function('value', 'return ' + expression + ';');
const result = fn(value);
document.getElementById('value').innerHTML = JSON.stringify(value);
document.getElementById('expression').innerHTML = expression;
document.getElementById('result').innerHTML = JSON.stringify(result);
document.getElementById('type').innerHTML = typeof result;