javascript - 使用 map 方法 Javascript 遍历数组中的所有数组索引

Question

现在已经为此苦苦挣扎了一段时间，非常感谢你们的任何见解..

这就是我的 JSON 数据的样子..

BinsByDayByOrchardsQCs [数组] > BinsByDayByOrchardsQCsDefects [数组]

我需要在网格表上显示每个“缺陷”，网格表位于 BinsByDayByOrchardsQCsDefects 数组内，看起来像这样

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

这目前返回冰雹伤害、晒伤、晒伤、晒伤，我想问你们的问题是如何返回整个数组中的所有缺陷，而不仅仅是 [0]

Answer 1

我喜欢用 Lodash用于集合操作。

但您也可以使用嵌套的 maps :

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