JS 21 - 资料太多看得心很累？用 9 行程序码将资料转换为表格吧！

大家好！

光是复杂的 JSON 资料就要看到眼花了，如果又全部缩成一行，我不敢说了。
我们进入今天的主题吧！

程序码

提高资料的可读性。

Felix.json2table = function (json) {
    const table = Felix.create('table');
    Object.keys(json).forEach(function (key) {
        const tr = Felix(table).insert('tr');
        const th = Felix(tr).insert('th');
        const td = Felix(tr).insert('td');
        Felix(th).insert('span', key);
        Felix(td).insert(
            typeof json[key] === 'object'
                ? Felix.json2table(json[key])
                : Felix.create('span', json[key])
        );
    });
    return table;
};

实测

/* UTF-8 */
const json = { "heading": "JavaScript 从 50% 开始，打造函式库不是问题！", "author": "Felix", "progress": "70%", "list": { "JS 19": { "post": "一份能控制网页内容的三人全家桶？", "date": "2021-10-04" }, "JS 20": { "post": "HTML 字串算什麽，教你用 CSS 选择器建立网页元素！", "date": "2021-10-05" }, "JS 21": { "post": "资料太多看得心很累？用 9 行程序码将资料转换为表格吧！", "date": "2021-10-06" } } };

Felix('body').insert(Felix.json2table(json));

差不多也到尾声了，接下来我们要介绍的是函式库的静态方法。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！