前端哪些场景用 for 循环渲染

2019-09-04 15:50:04 +08:00
 TomVista
1440 次点击
所在节点    问与答
11 条回复
Sapp
2019-09-04 16:09:48 +08:00
其实绝大多数场景你都可以不用 for，一般情况下用 for 就是为了满足某个条件直接 break ，但是对于绝大多数前端（非搞大数据的）你接触到的数据量来说，break 不 break 根本没啥影响，反倒是不少人用 for 循环还一不小心搞出 bug... 直接根据对应场景用 forEach、map 代替没一点问题。
TomVista
2019-09-04 16:13:43 +08:00
@Sapp 静态数据,比如菜单,tab,固定数据的列表,是不是 使用复用组件一条条写出来比 js 循环渲染 好一点,,,
Sapp
2019-09-04 16:16:47 +08:00
@TomVista 你没有几百上千条数据的量，根本不用担心性能问题
rabbbit
2019-09-04 16:24:46 +08:00
会触发重排 /重绘的话一般会避免使用循环.使用 innerHTML 或者是虚拟 Dom 作为代替.
当然,数据量少的话无所谓.
toma77
2019-09-04 16:25:33 +08:00
一般这种用 for 循环的场景我都在服务端模板渲染了
Exia
2019-09-04 19:37:29 +08:00
列表数据不就是用 for 循环吗
HarryQu
2019-09-04 20:12:37 +08:00
列表数据，数据量大会分页请求。

我是后端，基本列表数据，没有特殊业务，我会要求他们分页请求。
TomVista
2019-09-05 08:46:42 +08:00
@Exia 我最近接手了 2 个项目，里面的设置，菜单 什么的，都是用 for 循环数组或对象写出来的。。
Exia
2019-09-05 15:32:37 +08:00
@TomVista 估计是菜单比较多？
TomVista
2019-09-05 16:02:32 +08:00
@Exia 都不多,有的甚至就 2 个的也要 for 一下,
Exia
2019-09-06 15:16:48 +08:00
@TomVista 嗯...如果全部都是数据驱动，也许也可以这样，以后改变那些数据的时候就可以了，而不用自己去改 html 了，猜测大概是这样吧

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/597889

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX