本文主要介绍JavaScript数组遍历的五种方法,帮助你更好的理解和学习使用JavaScript。感兴趣的朋友可以了解一下。
目录
I、for循环:basic、simple II、forEach()方法:使用回调函数III、map()方法:使用回调函数IV、for.循环中:遍历对象和数组V,for…of循环:遍历对象和数组VI,补充6.1,中断和继续问题
6.2.数组和对象
在用JavaScript写代码的过程中,可以使用几种方法来遍历数组;包括for循环、forEach循环、map循环、forIn循环和forOf循环。
首先,for循环:基本而简单
这是遍历数组的最基本和最常用的方法;这种方法通常受到各种开发语言的支持。
设arr=['a ',' b ',' c ',' d ',' e '];
for(设i=0,len=arr.length我leni ) {
console.log(一);//0 1 2 3 4
console . log(arr[I]);//a b c d e
}
二、forEach()方法:使用回调函数
ForEach()这是一个数组对象的方法;它接受回调函数作为参数。
回调函数中有三个参数:
1st:数组元素(必需)
2nd:数组元素索引值(可选)
RD:数组本身(可选)
设arr=['a ',' b ',' c ',' d ',' e '];
arr.forEach((item,index,arr)={
console . log(item);//a b c d e
console.log(索引);//0 1 2 3 4
console . log(arr);//['a ',' b ',' c ',' d ',' e']
})
三、map()方法:使用回调函数
它的用法与forEach()方法相同。
var arr=[
{姓名:' a ',年龄:' 18'},
{姓名:' b ',年龄:' 19'},
{姓名:' c ',年龄:' 20'}
];
arr.map(函数(项目,索引){
if(item.name=='b') {
console.log(index) //1
}
})
四。为.循环中:遍历对象和数组
for…in循环可用于循环对象和数组。
推荐用于循环对象,也推荐用于遍历json。
让obj={
姓名:'王大锤',
年龄:' 18 ',
重量:“70公斤”
}
for(对象中的变量键){
console . log(key);//姓名年龄体重
console . log(obj[key]);//王大锤18 70kg
}
-
设arr=['a ',' b ',' c ',' d ',' e '];
for(数组中的变量键){
console . log(key);//0 1 2 3 4返回数组索引
console.log(arr[key]) //a b c d e
}
动词(verb的缩写)for…of循环:遍历对象和数组
可回收的数组和对象,推荐用于遍历数组。
For…of提供了三种新方法:
Key()是键名的遍历;
Value()是键值的遍历;
Entries()是键值对的遍历;
Let arr=['科大讯飞','政法BG ','前端开发'];
对于(扣押的物品){
console . log(item);//BG科大讯飞政法前端开发
}
//输出数组索引
for (let item of arr.keys()) {
console . log(item);//0 1 2
}
//输出内容和索引
for (let [item,val] of arr.entries()) {
console . log(item ':' val);//0:科大讯飞1:政法BG 2:前端开发
}
不及物动词补充
6.1、中断和继续问题
在forEach,map,filter,reduce,every,一些函数中,break和continue关键字不会生效,因为它们在函数中,但是函数解决了闭包陷阱的问题。
若要使用中断并继续,可以使用for、for.在,为了.的,而。
6.2.数组和对象
用于遍历数组元素:for(),forEach(),map(),for.的。
用于循环对象属性:对于.英寸
这些是JavaScript数组遍历的五种方法的细节。关于JavaScript数组遍历的更多信息,请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。