首页 > 解决方案 > 用 JavaScript 表示表格矩阵数据

问题描述

有什么方法可以在 JavaScript 中表示下面的输出数据?我也应该能够检索这些值。我希望此代码的输出以 JAVASCRIPT 表示。它与 HTML 代码无关。我只是使用这个 HTML 表来表示我的数据,因为我无法插入图像。

<table style="width:100%">
  <tr>
    <td></td>
    <td>USD</td>
    <td>EUR</td>
    <td>INR</td>
  </tr>
  <tr>
    <td>USD</td>
    <td>32</td>
    <td>9124</td>
    <td>121</td>
  </tr>
  <tr>
    <td>EUR</td>
    <td>43</td>
    <td>54</td>
    <td>23</td>
  </tr>
    <tr>
    <td>INR</td>
    <td>32</td>
    <td>43</td>
    <td>32</td>
  </tr>
</table>

标签: javascriptarraysjsonjavascript-objects

解决方案


const table = {
  USD: [32, 9124, 121],
  EUR: [43, 54, 23],
  INR: [32, 43, 32],
};

Object.defineProperty(table, 'toString', {
  value: function() {
    return JSON.stringify([
        ['', ...Object.keys(this)],
        ...Object.entries(this).map(([k, v]) => [k, ...v])
      ])
      .replace(/\,\[/g, ',\n[')
      .replace(/\[\[/g, '[\n[')
      .replace(/\]\]/g, ']\n]');
  }
});

console.log(table.toString());
.as-console-wrapper { top: 0; max-height: 100% !important; }


推荐阅读