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

Question

我正在获取这个对象：

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

迭代后我想要这种table

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>

我想以table格式填写此数据我正在研究 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>
    )
}

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

How to iterate json consists of array elements

javascript

arrays

iteration

json

reactjs