循环数组有几种方法?



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


  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 中循环数组的方式有以下几种: 1. for 循环 使用 for 循环可以遍历数组中的每个元素。可以通过数组的 length 属性确定循环次数。例如: ``` var arr = [1, 2, 3]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. forEach 方法 可以使用 forEach 方法来遍历数组中的每个元素。它接受一个回调函数作为参数,回调函数的参数分别为当前遍历的元素、当前遍历的索引、原始数组。例如: ``` var arr = [1, 2, 3]; arr.forEach(function(item, index, array) { console.log(item); }); ``` 3. for...in 循环 使用 for...in 循环可以遍历数组中的每个属性。它返回的是属性名,需要通过属性名获取对应的属性值。例如: ``` var arr = [1, 2, 3]; for (var index in arr) { console.log(arr[index]); } ``` 需要注意的是,使用 for...in 循环遍历数组时,可能会遍历到一些非数字类型的属性,例如数组方法、原型链上的属性等,所以需要通过 hasOwnProperty 方法来判断属性是否为对象自身的属性。例如: ``` var arr = [1, 2, 3]; for (var index in arr) { if (arr.hasOwnProperty(index)) { console.log(arr[index]); } } ``` 4. for...of 循环 使用 for...of 循环可以遍历数组中的每个元素。它返回的是元素值,而不是索引或属性名。例如: ``` var arr = [1, 2, 3]; for (var item of arr) { console.log(item); } ``` 以上是 JavaScript 中常用的几种循环数组的方式,根据不同的需求选择合适的方式可以使代码更加简洁、易读。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值