JSFiddle - React, Tailwind, and code Playground

by ydubey

HTML

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

JavaScript

const value = {
  items: [
    {
      name: 'a'
    },
    {
      name: 'b'
    }
  ]
};
const expression = 'op.items';
const fn = new Function('op', '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;