javascript循环性能比较（转）

最新推荐文章于 2025-11-24 02:17:16 发布
最新推荐文章于 2025-11-24 02:17:16 发布 · 241 阅读 · 0
文章标签：

#javascript #ViewUI

本文通过JavaScript实现不同类型的循环（for, while, do-while及达夫设备循环）对数组元素进行处理，对比了它们在执行效率上的差异。实验中使用了一个包含10000个随机字符串的数组，并进行了100轮的测试。 
var chars = '0123456789abcdef'; 
 
function getRandomString() { 
    var len = Math.ceil(Math.random() * 7) + 3; // 4-10 
    var result = ""; 
    while (len--) { 
        result += chars.charAt(Math.floor(Math.random() * chars.length)); 
    } 
    return result; 
} 
 
var size = 10000; 
var mult = 100; 
 
var ary = []; 
var lsize = size; 
while (lsize--) { ary.push('' + getRandomString() + ''); } 
 
function for_in() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    for (var i in ary) { 
        var item = i; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function for_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    for (var i = 0, len = ary.length; i < len; i++) { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function for_reverse() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    for (var i = ary.length; i--; ) { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function while_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            i = 0, 
            l = ary.length; 
    while (i < l) { 
        var item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function while_reverse() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            i = ary.length; 
    while (i--) { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function do_while_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            i = 0, 
            l = ary.length; 
    do { 
        var item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
    } while (i < l) 
} 
 
function do_while_reverse() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            i = ary.length - 1; 
    do { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } while (i--) 
} 
 
console.log('数组长度：' + ary.length); 
console.log('Profiling will begin in 2 seconds...'); 
setTimeout(function () { 
    var currTime; 
    for (var k = 0; k < 3; k++) { 
        console.log('第' + (k + 1) + '次循环测试：') 
        currTime = new Date(); 
        console.profile(); 
        for (var i = 0; i < mult; i++) { 
            for_in(); 
            for_normal(); 
            for_reverse(); 
            while_normal(); 
            while_reverse(); 
            do_while_normal(); 
            do_while_reverse(); 
        } 
        console.profileEnd(); 
        console.log('用时：' + (new Date() - currTime) + 'ms'); 
    } 
}, 2000);





var chars = '0123456789abcdef'; 
 
function getRandomString() { 
    var len = Math.ceil(Math.random() * 7) + 3; // 4-10 
    var result = ""; 
    while (len--) { 
        result += chars.charAt(Math.floor(Math.random() * chars.length)); 
    } 
    return result; 
} 
 
var size = 10000; 
var mult = 100; 
 
var ary = []; 
var lsize = size; 
while (lsize--) { ary.push('' + getRandomString() + ''); } 
 
function process(item) { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    if (isInt.test(item)) { item += 1; } 
} 
 
function for_normal_fn() { 
    for (var i = 0, len = ary.length; i < len; i++) { process(ary[i]); } 
} 
 
function for_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    for (var i = 0, len = ary.length; i < len; i++) { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
console.log('数组长度：' + ary.length); 
console.log('Profiling will begin in 2 seconds...'); 
setTimeout(function () { 
    console.log('普通for循环测试：') 
    var currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        for_normal(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
    console.log('for循环内调用外部函数测试：') 
    currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        for_normal_fn(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
}, 2000); 




var chars = '0123456789abcdef'; 
 
function getRandomString() { 
    var len = Math.ceil(Math.random() * 7) + 3; // 4-10 
    var result = ""; 
    while (len--) { 
        result += chars.charAt(Math.floor(Math.random() * chars.length)); 
    } 
    return result; 
} 
 
var size = 10000; 
var mult = 100; 
 
var ary = []; 
var lsize = size; 
while (lsize--) { ary.push('' + getRandomString() + ''); } 
 
function for_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    for (var i = 0, len = ary.length; i < len; i++) { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function while_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            i = 0, 
            l = ary.length; 
    while (i < l) { 
        var item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function duff_fast() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            item, i = 0, 
            l = ary.length, 
            n = l % 8; 
    while (n--) { 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
    } 
 
    n = parseInt(l / 8); 
    while (n--) { 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
        item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
console.log('数组长度：' + ary.length); 
console.log('Profiling will begin in 2 seconds...'); 
setTimeout(function () { 
    console.log('普通for循环测试：') 
    var currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        for_normal(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
    console.log('普通while循环测试：') 
    var currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        while_normal(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
    console.log('达夫设备循环测试：') 
    currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        duff_fast(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
}, 2000); 








var chars = '0123456789abcdef'; 
 
function getRandomString() { 
    var len = Math.ceil(Math.random() * 7) + 3; // 4-10 
    var result = ""; 
    while (len--) { 
        result += chars.charAt(Math.floor(Math.random() * chars.length)); 
    } 
    return result; 
} 
 
var size = 10000; 
var mult = 100; 
 
var ary = []; 
var lsize = size; 
while (lsize--) { ary.push('' + getRandomString() + ''); } 
 
function process(item) { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    if (isInt.test(item)) { item += 1; } 
} 
 
function for_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/; 
    for (var i = 0, len = ary.length; i < len; i++) { 
        var item = ary[i]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function while_normal() { 
    var isInt = /(^[0-9]$)|(^[1-9][0-9]+$)/, 
            i = 0, 
            l = ary.length; 
    while (i < l) { 
        var item = ary[i++]; 
        if (isInt.test(item)) { item += 1; } 
    } 
} 
 
function duff_normal() { 
    var i = 0, 
            l = ary.length, 
            n = l % 8; 
    while (n--) { 
        process(ary[i++]); 
    } 
 
    n = parseInt(l / 8); 
    while (n--) { 
        process(ary[i++]); 
        process(ary[i++]); 
        process(ary[i++]); 
        process(ary[i++]); 
        process(ary[i++]); 
        process(ary[i++]); 
        process(ary[i++]); 
        process(ary[i++]); 
    } 
} 
 
console.log('数组长度：' + ary.length); 
console.log('Profiling will begin in 2 seconds...'); 
setTimeout(function () { 
    console.log('普通for循环测试：') 
    var currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        for_normal(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
    console.log('普通while循环测试：') 
    var currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        while_normal(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
    console.log('达夫设备调用外部函数循环测试：') 
    currTime = new Date(); 
    console.profile(); 
    for (var i = 0; i < mult; i++) { 
        duff_normal(); 
    } 
    console.profileEnd(); 
    console.log('用时：' + (new Date() - currTime) + 'ms'); 
 
}, 2000);

 

JavaScript 性能优化的方法
m0_54829066的博客
08-27 1112
总之，JavaScript 性能优化是一个综合性的工作，需要从代码风格、DOM 操作、数据存储和异步编程等多个方面进行优化。通过合理的优化方法，可以提高 JavaScript 代码的性能，提升用户体验。使用 Promise 和 async/await。避免频繁的样式计算和修改。减少 DOM 操作次数。避免不必要的数据复制。
javascript for循环性能测试示例
10-16
本文将深入探讨JavaScript中的`for`循环性能测试，以及如何通过不同方式优化遍历数组的效率。 首先，我们来看三种常见的`for`循环遍历数组的方法： 1. 基本`for`循环： ```javascript for (var i = 0; i ; i++) { ...
js选择、循环与java的区别
www.小白
06-20 643
目录 if条件表达式： js独特的表达式解释： 代码块的使用： 检查变量是否存在： 使用三元运算符代替if switch语句： while,do-while,for，for-in if条件表达式： 与java使用方法一样，不过对于表达式的解析不一样。 if('表达式一'){ result = '表达式一成立'; //result就是自己定义的变量，...
Java和js中用于遍历的循环,获得结果的区别
zzw811131619的博客
09-13 447
js中的独有的循环是for…in，用于遍历数组的下标或对象的成员。 var a = ['tom','jack','rose']; for (var item in a) { alert(item); } 这里输出的是0，1，2。 而Java中独有的循环forEach，用于遍历数组集合或对象。 int[] a = {100,200,300,400}; //遍历数组 for (...
Java和JavaScript运算性能对比
热门推荐
大菜鸟的博客
08-31 2万+
Java和JavaScript运算性能对比以下仅展示两段运算代码的运行时间。Jdk版本为1.7.0_07（64位），JavaScript运行环境为Google Chrome60.0.3112.113（64位）。超大规模运算（万亿级）Java代码public static void calc1(){ float value=0; long start = System.
JavaScript for 循环
likuoelie的博客
06-10 2200
以下表格总结了for循环和for/in循环类型用途示例for循环基于索引的遍历（如数组）for/in循环遍历对象属性。
JavaScript 跳出循环
simahe的专栏
11-10 4358
优先使用数组已有的方式跳出循环，在考虑使用 break、continue跳出循环；return跳出函数也是一种选择；特殊情况下考虑使用try-catch-throw，outerLoop结合break慎用。
JavaScript开发中forEach循环和for循环性能问题
gklcsdn的博客
11-26 958
在 JavaScript 中，forEach和传统的for循环都可以用来遍历数组，但它们在性能和使用场景上有一定的差异。
javascript for循环设法提高性能
12-12
for循环是JavaScript中最常见的循环结构之一，但如果不注意优化，可能会引入不必要的性能开销。本篇文章将探讨如何通过一些技巧来提高使用for循环遍历数组时的性能。 首先，最常见的遍历数组的for循环形式如下： `...
高性能JavaScript循环语句和条件语句
11-22
本文主要探讨了高性能的JavaScript循环语句，包括for、while、do-while，以及相对低效的for-in和forEach。通过分析它们的工作原理和性能差异，我们可以更好地选择合适的循环方式以优化代码。 首先，`for-in`循环...
for循环优化_Java8的forEach效率真的不如for循环吗
weixin_39625864的博客
11-30 694
前段时间在论坛里看到有同学做过实验，对for循环和forEach循环每个执行一千万次，for循环耗时7.864毫秒，forEach循环耗时23.638毫秒，然后得出结论for循环的性能远远大于forEach循环，我觉得这是不严谨的。首先JVM的Hot Spot采用JIT技术，它会将运行频率很高的字节码直接编译为机器指令以提高性能；其次JVM执行某一方法或遍历循环的次数越多就会越了解代码结构并作出相...
可以提高千倍效率的Java代码小技巧
程序员小乐
10-02 2960
点击上方 "程序员小乐"关注,星标或置顶一起成长关注订阅号「程序员小乐」，收看更多精彩内容每日英文If you're brave enough to say G...
Vue开发工具使用技巧
最新发布
2509_93946471的博客
11-24 311
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 907
在。
Vue 项目实战《尚医通》，路由鉴权完成，笔记71
Rockandrollman的博客
11-23 139
Vue 项目实战《尚医通》，路由鉴权完成，笔记71
JavaScript循环性能对比与优化
"高性能JavaScript循环和条件语句的探讨与优化" 在JavaScript中，循环语句是编程中的基础组成部分，用于重复执行一段代码直到满足特定条件。本文主要关注高性能的循环语句，包括for、while、do-while以及针对对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值