Js利用console计算代码运行时间的方法示例_网络技术

Js利用console计算代码运行时间的方法示例

发布时间 - 2026-01-11 03:23:27 点击率：次

前言

本文主要给大家介绍了关于Js用console计算代码运行时间的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

需求

如果学习前端一定时间以后，就会考虑性能方面的问题。那么问题来了，我们怎么计算出一段代码的运行时间呢？

使用console.log配合Date对象计算

比如，我们计算sort方法排序十万个随机数组成的数组需要用多长时间的话，可以这么写：

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    var beginTime = +new Date();
    arr.sort();
    var endTime = +new Date();
    console.log("排序用时共计"+(endTime-beginTime)+"ms");

最后在控制台会显示：

排序用时共计552ms

下面，再介绍一种更灵活更准确的方法。

使用console.time进行时间计算

这种方法比上一种更准确，而且专门为性能产生的方法：
测试案例：

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    console.time("sort");
    arr.sort();
    console.timeEnd("sort");

控制台会打印出：

sort: 542.668701171875ms

这种方法在需要测试的开始位置写上console.time，并且括号内传一个字符串。在结束的位置使用console.timeEnd方法，并再次把字符串传入。

个人推荐第二种方式。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# js # console # 对象 # 统计代码运行时间 # 代码运行时间 # javascript的console.log()用法小结 # JavaScript调试技巧之console.log()详解 # js调试工具Console命令详解 # javascript代码调试之console.log 用法图文详解 # JavaScript中的console.dir()函数介绍 # node.js中的console.log方法使用说明 # node.js中的console用法总结 # javascript 在firebug调试时用console.log的方法 # JavaScript中的console.trace()函数介绍 # 利用Js的console对象 # 在控制台打印调式信息测试Js的实现 # node.js中的console.info方法使用说明 # JavaScript console的使用方法实例分析 # 更准确 # 就会 # 来了 # 随机数 # 这种方法 # 相关内容 # 说了 # 不多 # 给大家 # 这篇文章 # 谢谢大家 # 写上 # 多长时间 # 第二种 # 需要用 # 计算出 # 比上 # 括号内 # 更灵活 # 十万个

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：在Java中static关键字如何使用_Java静态成员规则

下一篇：Nginx在Windows Server上的Web安全保护

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：在Java中static关键字如何使用_Java静态成员规则

下一篇：Nginx在Windows Server上的Web安全保护