资讯频道 → Web前端
阅读更多

6顶
1踩

Web前端

原创新闻 让代码在JavaScript中循环的最快的方法

2008-07-30 15:19 by 资深编辑 ╱/罒呍唲 评论(3) 有5705人浏览
JavaScript SUN

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

  Gregory Reimer，sun.com的前端工程师，他接二连三的提到怎样的方法能够在JavaScript中最快的让代码循环。 

  专门为大型数据集：
我建立了一个循环的基准测试套件，让不同方式的编码在JavaScript中循环。一些例子已经准备就绪，本地数组与HTML集合在表示上没有任何的不同之处，但是后台的实现是不同的（HTML集合缺少pop（），slice（）的方法等…），但他们两者都肯能丢失重要的信息。

  我的怀疑被证实，在浏览器上访问长度大的属性时，HTML集合要比数组更困难，这时，在缓存数据方面就有巨大的差异。HTML集合比较活跃，在循环期间，如果后台的DOM被修改，那么缓存将会发生故障。从另一方面来说，HTML集合是不会被冷落的，所以最好的办法就是在测试与做项目时能够忽略长度。因为你必须这么做： 


JAVASCRIPT:
// looping a dom html collection
for (var i=0, node; node = hColl[i++];) {
    // do something with node
}

如果你考虑一下结果，你会看到逆向的while循环是一个遍历基本集合的最快办法。 



JAVASCRIPT: 
 
var i = arr.length; while (i--) {}


推荐查看test suite
来自: ajaxian.com
6
顶
1
踩
评论 共 3 条 请登录后发表评论
3 楼 yeuego 2010-05-14 11:42
多谢的研究
2 楼 zhaoxrx 2009-03-31 15:15
学习了。哈哈
1 楼 wlon 2008-08-01 13:14
没看明白啥意思，有高人解读一下吗？

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 4 种在JavaScript中编写For循环的方法

    原文 | https://medium.com/techtofreedom/4-ways-to-write-for-loops-in-javascript-d0db6aa8f7b6翻译 |...

  • html中图片自动循环滚动代码,JavaScript代码实现图片循环滚动效果

    1.概述循环滚动图片，不仅可以增添Web页面的动态效果，而且可以节省页面空间，有效地保证在有限的页面中显示更多的图片。2.技术要点主要应用setTimeout()方法实现图片的循环滚动效果。setTimeout()方法的语法格式...

  • JavaScript 中哪一种循环最快呢？for循环性能比较

    在掘金看到的一篇好文章, 感谢作者, 讲解得非常清楚, 文章地址: https://juejin.cn/post/6930973929452339213 了解哪一种 for 循环或迭代器适合我们的需求，防止我们犯下一些影响应用性能的低级错误。 JavaScript 是...

  • JavaScript 中的三种基本循环方式

    JavaScript 循环JavaScript 循环是反复执行同一段代码的循环功能

  • Javascript 深度克隆中的循环引用问题解决和代码优化

    在克隆代码开发过程中，我们经常会遇到数组判定方法的问题，对象循环引用的问题。 本文通过实例来解决上述问题 代码及实现 常见深度克隆JS对象的代码 function deepClone(origin){ if (origin == undefined || ...

  • js 数组遍历符合条件跳出循环体_JavaScript 中的循环遍历方法

    1、forlet arr = [1,2,3];for (let i=0;... //循环被跳过 }console.log(i,arr[i])}// 0 1// 2 3最常见的循环，不过注意 这里我用的是let , 如果你使用var的话 那么会有一种名为变量提升的默认操作...

  • 如何在JavaScript循环中添加延迟？

    JavaScript没有提供任何等待命令来增加循环延迟, 但是我们可以使用setTimeout方法。等待指定的毫秒数后, 此方法将执行一个函数。下面给出的示例说明了如何向各种循环添加延迟： for循环： for (let i=0; i&lt...

  • javaScript中定时&定时循环方法

    定时循环方法 1.setInterval(要执行的代码，间隔时间数) 按照指定周期调用，调用时间数是毫秒级 案例： 在浏览器上显示时间，并且每过一秒更新一下时间 <!DOCTYPE html> <html> <head> <...

  • Javascript循环删除数组中元素的3种方法

    大家在码代码的过程中，经常会遇到在循环中移除指定元素的需求。按照常规的思路，直接一个for循环，然后在循环里面来个if判断，在判断中删除掉指定元素即可。从打印出的运行过程不难发现，原因为当删除掉了一个元素...

  • JavaScript在循环中定义函数的问题

    最近在工作中遇到一个让人头疼的问题，需要定义21个函数，函数的主体是一样的，功能也是一致的，仅仅是返回值不同。基本的结构是这样的var arr = ["a","b","c","d"]; var ...

  • JavaScript 循环中调用异步函数的三种方法，及为什么 forEach 无法工作的分析

    本文主要分析在循环体中怎么调用异步函数，并且满足循环调用异步函数，并在异步函数值返回之后，再处理后续业务的同步需求。 这篇文章是受到和 六卿 在群里讨论问题时启发而写的，主要讨论的问题就只在循环体内进行...

  • Javascript循环删除数组中元素的几种方法

    本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法，分享出来供大家参考学习，下面来看看详细的介绍： 发现问题 大家在码代码的过程中，经常会遇到在循环中移除指定元素的需求。按照常规的思路，...

  • JavaScript foreach 方法跳出循环

    通常，在 for循环中跳出循环可以用 break或者 continue 来跳出循环。 break：跳出循环； continue：跳过当次循环。 而有时候需要在 foreach 中跳出循环，该怎么做呢？ forEach() 方法用于调用数组的每个元素，并将...

  • javascript中函数的循环调用

    javascript中函数的循环调用

  • JavaScript中利用for循环进行数组去重方法！

    在JavaScript中，数组去重是我们比较常用的一种数组操作方法之一，下面小编就来介绍一下常用的几种方法吧！ for循环嵌套，利用splice去重 首先，我们要知道splice的作用： splice可以说是最强大的数组方法了，splice...

  • JS中循环遍历数组的几种常用方式总结

    第一种：for循环，也是最常见的 const arr = [11, 22, 33, 44, 55, 66, 77, 88]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } 打印结果： 第二种：forEach（） 1.）forEach() 遍历普通...

  • Web前端：JavaScript最强总结 附详细代码 （带常用案例！）

    JavaScript 是脚本语言，是一种解释性脚本语言(代码不进行预编译)

  • JavaScript中利用for循环遍历数组

    这篇文章主要为大家详细介绍了JavaScript中利用for循环遍历数组，最好不要使用for in遍历，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。这段代码就是在上边的代码的基础上，为Array做了一下扩充。输出的结果...

  • javascript中setInterval越来越快的问题解决方法

    setInterval越来越快，经过一番测试，找到一种方法，就是每次执行都要清空计时，再次重新调用。 var timer function do(){ clearInterval(timer) //do something.... timer = setInterval(()=>{ do() },...

  • JavaScript跳出循环的几种方法（break、return、continue等）附带demo

    日常开发中也常用到，但是就是用的不知所以，云里雾里。哈哈哈，你是不是和我一样。接下来我们一起学习吧，有问题欢迎留言指...使用的语句环境不一样，break和continue是用在循环或switch语句中，return是用在函数语

Global site tag (gtag.js) - Google Analytics