循环数组有几种方法?

栏目: JavaScript · 发布时间: 5年前

内容简介:最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间使用临时变量将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显,

循环数组有几种方法?

第一种: 普通for循环

for( i=0; i<arr.length;i++){ }复制代码

最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间

第二种: 优化版for循环

for(i=0,len=arr.length;i<len;i++){ }复制代码

使用临时变量将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显, 这种方法基本上是所有循环遍历方法中性能最高的一种

第三种: forEach循环

arr.forEach(item=>{ })复制代码

数组自带的forEach循环,使用频率较高,实际上性能比普通for循环弱

第四种: forEach变种

Array.prototype.forEach.call(arr,item=>{ })复制代码

因为forEach是Array自带的,对于一些非这种类型的,无法直接使用(如NodeList), 所有才有了这个变种,使用这个变种可以让类似的数组拥有forEach功能

第五种: for in 循环

for( var i in arr){ }复制代码

在众多循环方式种,它的效率是最低的

第六种: map 遍历

arr.map(item=>{ })复制代码

使用起来优雅,但实际效率不如forEach

第七种: for of 遍历(ES6 support)

for( let i of arr){ }复制代码

es6中用到的,性能好于for in,但仍比不上普通for循环


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

程序设计方法(中文版)

程序设计方法(中文版)

Matthias Fellisen / 黄林鹏、朱崇恺 / 人民邮电出版社 / 2003-12 / 49.00元

《程序设计方法》以Scheme语言为基础介绍计算和程序设计的一般理论和实践。《程序设计方法》由8个部分和7个独立的章节(第8、13、18、24、29、33、38章)组成。8个部分主要讨论程序设计,独立章节则介绍一些与程序设计和计算相关的话题。《程序设计方法》第1至第3部分介绍了基于数据驱动的程序设计基础。第4部分介绍了程序设计中的抽象问题。第5部分和第6部分是与递归及累积相关的内容。《程序设计方法......一起来看看 《程序设计方法(中文版)》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具