react中使用forEach或map两种方式遍历数组

628 阅读1分钟

我正在参加「码上掘金挑战赛」详情请看:码上掘金挑战赛来了!

这篇文章主要介绍了react中使用forEach或map两种方式遍历数组,具有很好的参考价值,希望对大家有所帮助。

目录
  • 使用forEach或map两种方式遍历数组
    • forEach
    • map
  • 循环遍历数组时map和forEach的区别
    • forEach情况
    • map 情况

使用forEach或map两种方式遍历数组

之前写代码,从后台提取数据并渲染到前台,由于有多组数据,用map遍历会相对方便一点,但是

map不能遍历array数组,只能遍历object对象。

所以如果遇到这样的问题可以采用forEach试一下 code.juejin.cn/pen/7141299…

121.png

map

code.juejin.cn/pen/7141300…

image.png

循环遍历数组时map和forEach的区别

  1. map函数返回一个新的数组,在map的回调函数里,迭代每一项的时候也必须有返回值。

  2. forEach 没有返回值

forEach情况

code.juejin.cn/pen/7141302…

map情况

code.juejin.cn/pen/7141302… 以上为个人经验,希望能给大家一个参考!