Javascript 对象到 HTML 转换函数

Question

我正在寻找一个可以转换的函数:

{ tag: 'form',
  inner: [
    { tag: 'input', params: { type: 'text' } },
    { tag: 'select',
      inner: [
        { tag: 'option', params: { value: 0 },
          inner: ['zero']
        },
        { tag: 'option', params: { value: 1 },
          inner: ['one']
        }
      ]
    }
  ]
}

进入:

<form>
  <input type="text"></input>
  <select>
    <option value="0">zero</option>
    <option value="1">one</option>
  </select>
</form>

我不是在寻找诸如 Handlebars 之类的模板系统。

我对 Javascript 对象所需的属性名称等很灵活 - 这只是 HTML 的 JS 表示的一个示例，我希望能够在“渲染”为 HTML 之前构建和修改它。

<小时/>

我不是要求任何人编写代码 - 我只是想知道是否存在我不知道的现有函数。

<小时/>

请不要为此编写代码。尤其是使用 DOM 的代码，因为这是一个服务器端问题，而且我之前曾遇到过 NodeJS 假 DOM 的严重问题。

Answer 1

据我所知，没有内置实现这样的功能。然而，我在谷歌上快速搜索后发现了这个:http://json2html.com/

看起来与您所要求的非常相似。