JavaScript 数组遍历的五种方法

2023-07-04 11:00:03 235

在使用JavaScript编写代码过程中，可以使用多个方法对数组进行遍历；包括for循环、forEach循环、map循环、forIn循环和forOf循环等方法。

一、for循环：基础、简单

这是最基础和常用的遍历数组的方法；各种开发语言一般都支持这种方法。

letarr=['a','b','c','d','e'];
for(leti=0,len=arr.length;i
二、forEach()方法：使用回调函数


forEach()这是数组对象的一个方法；其接受一个回调函数为参数。

回调函数中有三个参数：

1st：数组元素(必选)
2nd：数组元素索引值(可选)
3rd：数组本身(可选)

letarr=['a','b','c','d','e'];
arr.forEach((item,index,arr)=>{
console.log(item);//abcde
console.log(index);//01234
console.log(arr);//['a','b','c','d','e']
})
三、map()方法：使用回调函数


其使用方式和forEach()方法相同。
vararr=[
{name:'a',age:'18'},
{name:'b',age:'19'},
{name:'c',age:'20'}
];
arr.map(function(item,index){
if(item.name=='b'){
console.log(index)//1
}
})
四、for..in循环：遍历对象和数组


for…in循环可用于循环对象和数组。

推荐用于循环对象,也可以用来遍历json。
letobj={
name:'王大锤',
age:'18',
weight:'70kg'
}
for(varkeyinobj){
console.log(key);//nameageweight
console.log(obj[key]);//王大锤1870kg
}
----------------------------
letarr=['a','b','c','d','e'];
for(varkeyinarr){
console.log(key);//01234返回数组索引
console.log(arr[key])//abcde
}
五、for…of循环：遍历对象和数组


可循环数组和对象，推荐用于遍历数组。
for…of提供了三个新方法：

key()是对键名的遍历；
value()是对键值的遍历；
entries()是对键值对的遍历；

letarr=['科大讯飞','政法BG','前端开发'];
for(letitemofarr){
console.log(item);//科大讯飞政法BG前端开发
}
//输出数组索引
for(letitemofarr.keys()){
console.log(item);//012
}
//输出内容和索引
for(let[item,val]ofarr.entries()){
console.log(item+':'+val);//0:科大讯飞1：政法BG2：前端开发
}
六、补充


6.1、break和Continue问题


在forEach、map、filter、reduce、every、some函数中break和continue关键词都会不生效，因为是在function中，但function解决了闭包陷阱的问题。

要想使用break、continue可以使用for、for...in、for...of、while。
6.2、数组和对象


用于遍历数组元素使用：for()，forEach()，map()，for...of。

用于循环对象属性使用：for...in。
以上就是JavaScript数组遍历的五种方法的详细内容，更多关于JavaScript数组遍历的资料请关注毛票票其它相关文章！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

JavaScript 数组遍历的五种方法

一、for循环：基础、简单

二、forEach()方法：使用回调函数

三、map()方法：使用回调函数

四、for..in循环：遍历对象和数组

五、for…of循环：遍历对象和数组

六、补充

6.1、break和Continue问题

6.2、数组和对象

热门推荐

随机推荐