,,JavaScript 数组遍历的五种方法

,,JavaScript 数组遍历的五种方法

本文主要介绍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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: