循环数组有几种方法?

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

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

循环数组有几种方法?

第一种: 普通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循环


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

查看所有标签

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

Cracking the Coding Interview

Cracking the Coding Interview

Gayle Laakmann McDowell / CareerCup / 2015-7-1 / USD 39.95

Cracking the Coding Interview, 6th Edition is here to help you through this process, teaching you what you need to know and enabling you to perform at your very best. I've coached and interviewed hund......一起来看看 《Cracking the Coding Interview》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

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

Base64 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具