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

Posted

技术标签:

【中文标题】使用map方法Javascript遍历数组中的所有数组索引【英文标题】:Iterate over all Array indexes within array with map method Javascript 【发布时间】:2019-09-10 02:00:46 【问题描述】:

已经为此苦苦挣扎了一段时间,如果你们有任何见解,将不胜感激。

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

BinsByDayByOrchardsQCs [数组] > BinsByDayByOrchardsQCsDefects [数组]

我需要在网格表上显示每个“缺陷”,该表位于 BinsByDayByOrchardsQCsDefects 数组中,类似于

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

目前这会返回 Hail Damage、Sunburn、Sunburn、Sunburn,我的问题是如何返回整个阵列中的所有缺陷,而不仅仅是 [0]

【问题讨论】:

你能做一个 StackBlitz 或 Codepen 的例子来检查代码吗?另一方面,如果您想iterate 不仅在 0 上,您可以执行 `this.state.rows.map((qc, index) => allothercode)。干杯,西格弗里德。 【参考方案1】:

我喜欢使用Lodash 进行集合操作。

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


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

【讨论】:

对不起,我的男人回复晚了,但这工作得很好......干杯!

以上是关于使用map方法Javascript遍历数组中的所有数组索引的主要内容,如果未能解决你的问题,请参考以下文章

jsmap怎么获取里面所有的属性

JavaScript中的数组遍历forEach()与map()方法以及兼容写法

JavaScript中的数组遍历forEach()与map()方法以及兼容写法

JavaScript--遍历数组的三种方法map()forEach()filter() & 确认数组元素是否满足某种条件( some() & every() )

在javascript中使用Object.keys()和map()方法访问对象数组

JavaScript Map –如何使用JS.map()函数