更多精彩内容,欢迎关注:

视频号
视频号

抖音
抖音

快手
快手

微博
微博

js数组遍历方法

文档

js数组遍历方法

js数组遍历,包括普通for循环、优化版for循环、弱化版for循环、foreach循环、foreach变种、forin循环、map遍历等方法。
推荐度:
导读js数组遍历,包括普通for循环、优化版for循环、弱化版for循环、foreach循环、foreach变种、forin循环、map遍历等方法。

js数组遍历方法有哪些?一起来看看小编今天的分享吧!

js数组遍历,包括普通for循环、优化版for循环、弱化版for循环、foreach循环、foreach变种、forin循环、map遍历等方法,以下将一一介绍这些数组遍历方式。

第一种:普通for循环

代码如下:

for(j = 0; j < arr.length; j++) {
   
}

普通for循环是最简单的一种,也是使用频率最高的一种。

第二种:优化版for循环

代码如下:

for(j = 0,len=arr.length; j < len; j++) {
   
}

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

第三种:弱化版for循环

代码如下:
for(j = 0; arr[j]!=null; j++) {
   
}

弱化版for循环其实严格上也属于for循环,只不过是没有使用length判断,而使用变量本身判断,性能要远远小于普通for循环。

第四种:foreach循环

代码如下:

arr.forEach(function(e){  
   
});

数组自带的foreach循环,使用频率较高,但性能比普通for循环弱。

第五种:foreach变种

代码如下:

Array.prototype.forEach.call(arr,function(el){  
   
});

由于foreach是Array型自带的,对于一些非这种类型的,无法直接使用(如NodeList),所以才有了这个变种,使用这个变种可以让类似的数组拥有foreach功能,但实际性能要比普通foreach弱。

第六种:forin循环

代码如下:

for(j in arr) {
   
}

forin循环在众多的循环遍历方式中效率最低。

第七种:map遍历

代码如下:

arr.map(function(n){  
   
});

map遍历实际效率弱于foreach。

第八种:forof遍历(需要ES6支持)

代码如下:

for(let value of arr) {  
   
});

forof遍历是es6里面用到的,性能要好于forin,但仍然比不上普通for循环。

以上就是小编今天的分享了,希望可以帮助到大家。

文档

js数组遍历方法

js数组遍历,包括普通for循环、优化版for循环、弱化版for循环、foreach循环、foreach变种、forin循环、map遍历等方法。
推荐度:
为你推荐
资讯专栏
热门视频
相关推荐
python 引用 idea的maven配置 maven安装配置 java filereader java stream java random java lambda java hashmap java foreach java final java json java 泛型 python range函数 linux ftp js 字符串转数字 电脑忘记开机密码怎么办 两个二维码怎么拼一起 怎样查看微信删除的聊天记录 微信扫码不能扫了怎么办 微信恢复删除的聊天记录 js json对象 js 遍历json java concat python调用dll python strip函数 python configparser模块 oracle coalesce rstudio使用教程 mysql去重复 保留一条 js set方法 python中get函数用法 java get和set方法 object转bigdecimal object 转list python 交集 js读取文件 linux 格式化u盘 deque java java process armoury crate打不开
Top