使用map方法Javascript迭代數組中的所有Array索引

Question

一段時間以來一直在努力解決這個問題，並希望你們有任何見解。

這就是我的JSON數據的樣子。

BinsByDayByOrchardsQCs [Array]> BinsByDayByOrchardsQCsDefects [Array]

我需要在網格表上顯示每個“缺陷”，它位於BinsByDayByOrchardsQCsDefects數組中，看起來像這樣

到目前為止我所擁有的是{this.state.rows.map((qc) => <div className="row table">{qc.BinsByDayByOrchardsQCs[0].BinsByDayByOrchardsQCsDefects[0].Defect}</div>

這個目前返回Hail Damage，Sunburn，Sunburn，Sunburn， 我的問題是你如何從整個陣列返回所有缺陷而不僅僅是[0]

Answer 1

我喜歡使用Lodash進行收藏操作。

但您也可以使用嵌套地圖 ：

{
    this.state.rows.map((qc) =>
        qc.BinsByDayByOrchardsQCs.map((qc2) =>
            qc2.BinsByDayByOrchardsQCsDefects.map((qc3) =>
                <div className="row table">
                    {qc3.Defect}
                </div>
            )
        )
    )
}