码迷,mamicode.com
首页 > 编程语言 > 详细

TypeScript:各种遍历数组的方法与执行时间

时间:2020-01-01 10:06:27      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:filter   其他   根据   png   span   ndt   font   bsp   重要   

一、创建一个1000万、甚至1亿。

技术图片

 

 

 技术图片 

二、分别写9个方法 getForRunTime()、getForOfRunTime()、getForInRunTime()、getForeachRunTime()、getMapRunTime()、getFilterRunTime()、getEveryRunTime()、getSomeRunTime()、getreduceRunTIme()、

1、getForRunTime()

技术图片

2、getForRunTime()

技术图片

3、getForInRunTime()

技术图片

4、getForeachRunTime()

技术图片

5、getMapRunTime()

技术图片

6、getFilterRunTime()

技术图片

7、getEveryRunTime()

技术图片

8、getSomeRunTime()

技术图片

9、getreduceRunTIme()

技术图片

 

 

 三、同时执行所有方法

技术图片

 四、游览器F12打开 开发者工具点击Console 查看执行时间

 

 

 

 技术图片

 

五、我们来看下各种方法的执行时间,其中有一个every循环运行时间为0毫秒 原因是执行时间太短,Date.now()获取当前时间已经不能满足,来写一个更加精准的算法 console.time与console.timeEnd

把原来的startTime变量与endTime变量整行删除 换成Console.time("1")与Console.endTime("1");用every例子:

技术图片

 

 console.time与console.timeEnd(包含的字符串内容必须相等 不然打印不出来)

其他方法也如此 再来看看打印时间

技术图片

 

 本次测试并不是为了检验哪个方法快,最重要根据需求,选择适合的方法。

 

TypeScript:各种遍历数组的方法与执行时间

标签:filter   其他   根据   png   span   ndt   font   bsp   重要   

原文地址:https://www.cnblogs.com/Duck-King/p/12127984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!