JS数组循环方式及效率对比,哪种最优化?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1606个文字,预计阅读时间需要7分钟。
JavaScript数组方法发展至今已提供了多种处理数组的函数,以下这张图概述了数组大部分的方法。本文主要讲述数组遍历方法及其各自的性能,方法众多,如何选择高效的方法。
数组的方法
JavaScript发展到现在已经提供了许多数组的方法,下面这张图涵盖了数组大部分的方法,这篇文章主要说一说数组的遍历方法,以及各自的性能,方法这么多,如何挑选性能最佳的方法对我们的开发有非常大的帮助。
数组遍历的方法
for
- 标准的for循环语句,也是最传统的循环语句
var arr = [1,2,3,4,5] for(var i=0;i<arr.length;i++){ console.log(arr[i]) }
最简单的一种遍历方式,也是使用频率最高的,性能较好,但还能优化
- 优化版for循环语句
var arr = [1,2,3,4,5] for(var i=0,len=arr.length;i<len;i++){ console.log(arr[i]) }
使用临时变量,将长度缓存起来,避免重复获取数组长度,尤其是当数组长度较大时优化效果才会更加明显。
本文共计1606个文字,预计阅读时间需要7分钟。
JavaScript数组方法发展至今已提供了多种处理数组的函数,以下这张图概述了数组大部分的方法。本文主要讲述数组遍历方法及其各自的性能,方法众多,如何选择高效的方法。
数组的方法
JavaScript发展到现在已经提供了许多数组的方法,下面这张图涵盖了数组大部分的方法,这篇文章主要说一说数组的遍历方法,以及各自的性能,方法这么多,如何挑选性能最佳的方法对我们的开发有非常大的帮助。
数组遍历的方法
for
- 标准的for循环语句,也是最传统的循环语句
var arr = [1,2,3,4,5] for(var i=0;i<arr.length;i++){ console.log(arr[i]) }
最简单的一种遍历方式,也是使用频率最高的,性能较好,但还能优化
- 优化版for循环语句
var arr = [1,2,3,4,5] for(var i=0,len=arr.length;i<len;i++){ console.log(arr[i]) }
使用临时变量,将长度缓存起来,避免重复获取数组长度,尤其是当数组长度较大时优化效果才会更加明显。

