使用for循环，还是map，还是其他？

将准备把项目中使用for循环的地方用其他的方式替换，因为自己还不是高深的大牛，只能用简单运行时间来判断性能的好坏，将会逐渐的完善这篇文章。

补充：console.time() 结合console.timeEnd() 可以打印这个区间内代码的运行时间

1:for循环拿数组下对象里的某个字段的值

背景：

服务端返回给我们前端的数据格，式有很多都是一个数组下有多个对象，但是我们在做项目的过程中可能只需要其中的某一个字段

案例：

最近做了一个多选的功能，选项是服务端返回的，其中包括了【 选项名称，选项ID】，页面渲染只需要要选项名称即可，最终数据的处理我们要告诉服务端【选项ID】。既然是多选肯定就少不了一个功能就是全选。

for循环实现，及运行时间

let arr = []
for (let i = 0; i < CompanysData.length; i++) {
    arr.push(CompanysData[i].id);
     }

因为数据量较少，所以我模拟了400多万条数据进行测试。
for循环运行时间：

上边是打印出数据量，下面是运行时间，之后的测试中将不展示实际数据量。

for循环转换成 map

let arr = []
arr = CompanysData.map(item => {
        return item['id'];
      });

运行时间：

总结

在多次实验取map的最优值也986ms几乎是for循环的两倍了（实际在看完这个机结果，我偷偷的删掉了’for循环的性能很差’），自己也查阅了一部分其他的博客和材料，发现map的性能确实不如for循环的，可能是因为使用map的时候还执行了它自己的回调函数。

数据量较少的时候没什么差别，但是数据量大的时候for 循环的性能完胜map
这里没有做for…ecah的测试，它与map的区别在于map有返回值但是for…each是没有的，性能上还是要比map好点的，但是同样比不上for循环

提示：

自己也是抽工作之余的兴趣实验，没有什么专业设备，只靠浏览器的打印输出。至于是否准确在下也不敢妄下定论。实践是检验真理的唯一标准，真的假的自己试试才知道，如果以上内容有任何错误之处欢迎批评指正。