使用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遍历数组中的所有数组索引的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript中的数组遍历forEach()与map()方法以及兼容写法
JavaScript中的数组遍历forEach()与map()方法以及兼容写法
JavaScript--遍历数组的三种方法map()forEach()filter() & 确认数组元素是否满足某种条件( some() & every() )