如何迭代json由数组元素组成

Question

我得到了这个对象：

"contributionData": {
        "Contribution 1": [
            4,
            4
        ],
        "Contribution 2": [
            1,
            1
        ]
    }

我想要迭代后的这种表。

contribution1 |  4  |  4  |
contribution2 |  1  |  1  |

我已将其转换为数组：

        let result = [];

        for(let i in this.state.testData) {
            result.push([i, this.state.testData[i]]);
        }

console log after converting it to array

   <tr>
       <td>{this.state.result}</td>
   </tr>

我想以表格形式填写这些数据 我正在研究 React js，我想在 javascript 中执行此操作。

任何帮助将不胜感激。

Answer 1

试试这个。

let result = []
let data = {
  "Contribution 1": [
            4,
            4
        ],
        "Contribution 2": [
            1,
            1
        ]
}
Object.keys(data).map((item) => {result.push([item].concat(data[item]))})
console.log(result);
...
{
    results.map(item, i)=> (
      <tr key={i}>
          {item.map(val, index) => (
            <td key={"row" + index}>{val}</td>
          )}
      </tr>
    )
}