数组的5种遍历(for循环、for...in、for...of、forEach()、map()

这篇具有很好参考价值的文章主要介绍了数组的5种遍历(for循环、for...in、for...of、forEach()、map()。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

数组:内存中一块连续的存储单元,这些存储单元具有共同的名称,不同的索引(下标)。

数组5种遍历:

1、for循环

       任何数组都可以使用for循环进行遍历,使用频率最高

                                for (let i = 0; i < arr.length; i++) {

                                           循环体语句

                                }

       注意:数组下标从0开始,所以计数器的初始值为0,条件为计数器<数组长度。

2、for ...in

        主要用于遍历对象,数组/集合不太推荐使用,避免出现不必要的问题

                                for(index in 数组名){

                                        循环体语句

                                }

                                index:表示的是数组元素的索引

         注意:(1)index索引为字符串型数字,不能直接进行几何运算

                    (2)for...in遍历的是数组的索引(即键名)

3、for ...of

         只遍历数组 ,不可遍历对象

                                for( value of 数组名){

                                        循环体语句

                                }

                                value:表示数组元素

         注意:它可以正确响应break,continue,return语句

  4、forEach();

         用于遍历数组

                     数组名.forEach(function(value,index){

                                        函数体语句

                                })

                             value:表示数组元素

                             index:数组元素的下标

        数组元素的下标:数组元素在数组中的位置编号(从0开始到数组的长度减1)

        注意:对于forEach方法除非使用try/catch,否则无法中途停止循环,break或者return都无法使循环中途停止。

  5. map();

        实际是对数组的过滤。返回一个新的数组,原数组不变

                                let 新数组名 = 原数组名.map(function(item){ //item表示数组元素

                                                函数体语句

                                })

        注意:(1)map支持return;

                   (2)map() 不会对空数组进行检测;

                   (3)map() 不会改变原始数组;

                   (4)map() 返回一个新数组,数组中元素为原始数组元素调用函数处理后的值。

forEach()和map()区别:

        a、forEach()和map()通常用来遍历数组元素

        b、forEach()返回的是undefinded,用来遍历数组中的每一项,不影响原数组

        c、map()返回一个包含已转换元素的新数组,支持return

for...of 和 for..in的区别:

        a、for...in 既可以遍历对象也可以遍历数组,in中的k一般指的是下标
        b、for...of 只可以遍历数组,不可遍历对象,of中的k表示的就是元素

 文章来源地址https://www.toymoban.com/news/detail-461427.html

到了这里,关于数组的5种遍历(for循环、for...in、for...of、forEach()、map()的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【JavaScript保姆级教程】for循环与for循环遍历数组

    JavaScript是一门强大的编程语言,它允许开发者有效地控制程序的流程。在JavaScript中,有多种循环结构可供选择,其中for循环是最常用的之一。本教程将深入探讨for循环的基本概念,提供示例代码,并展示如何使用for循环来遍历数组。同时,我们还将介绍如何在for循环中嵌套

    2024年02月06日
    浏览(50)
  • 【JavaScript】数组 ② ( JavaScript 数组索引 | JavaScript 遍历数组 | 使用 for 循环遍历数组 )

    在 JavaScript 中 , 数组 的 \\\" 索引 \\\" 又称为 \\\" 下标 \\\" , 从 0 开始计数 , 是 可用于访问 数组元素 的 \\\" 序号 \\\" ; 通过 数组索引 可以 访问 / 获取 / 修改 对应的数组元素 , 语法如下 : 访问数组 元素 时 , 要注意数组的边界 , 如果尝试访问一个不存在的索引 , 会返回 undefined 值 , 并不会报

    2024年04月28日
    浏览(57)
  • js for循环与for in循环 for of循环的区别

    JavaScript中,for循环、for...in循环和for...of循环是用于迭代数组或对象属性的不同方式。 for循环: for循环是最常见的迭代方法,它允许你指定迭代的起始点、结束条件和每次迭代后的操作。它可以用于迭代数组和字符串。 例如,遍历一个数组可以使用for循环的语法: for...in循

    2024年01月20日
    浏览(58)
  • 第40讲:Python for-in循环语句使用索引遍历序列

    如果在遍历序列的过程中,需要访问元素的索引,例如通过索引去查找指定的元素,中心思想就是遍历索引号,通过每次循环的索引号在序列里找到对应的元素。 在for循环开始前,定义一个初始变量,这个变量的值为0,序列中第一个索引是从0开始,然后循环遍历序列本身,

    2024年02月04日
    浏览(88)
  • 遍历用for还是foreach?

    遍历用for还是foreach?这篇文章帮你轻松选择! 在编程的世界里,我们经常需要对数据进行循环处理,常用的两种方法就是:for循环和foreach循环。想象你站在一条装满宝贝的传送带前,你要亲手检查每一件宝贝。使用for循环就像是你亲手控制传送带的速度和方向,而使用for

    2024年02月19日
    浏览(41)
  • C#学习笔记--foreach循环是怎么遍历容器的?实战带你弄懂foreach原理

    上篇文章我们了解了 IEnumerable 和 IEnumerator C#学习笔记–由浅至深理解IEnumerable和IEnumerator 这篇文章我们来研究 foreach 循环 foreach 循环实际上是通过调用集合的 GetEnumerator 方法来获取一个枚举器,然后在每次迭代中调用枚举器的 MoveNext 方法来遍历集合的。当枚举器的 MoveNext 方

    2024年02月03日
    浏览(35)
  • Java循环对比:传统for循环、增强型for循环和forEach循环

    传统的for循环是一种经典的循环结构,在Java中广泛使用。 以下是传统for循环的特点: 灵活控制:传统for循环使用形式为for (初始化表达式; 终止条件; 步进表达式)的语法,可以手动控制循环的索引,并根据需要执行自定义操作。 索引访问:传统for循环通过索引访问集合或数

    2024年02月07日
    浏览(40)
  • Kotlin基础入门 - for、forEach 循环

    不论身处何方 for循环这种操作都随处可见,鉴于大多数Android开发都是从Java转到Kt的,所以我的思路是从Java的使用习惯来讲一些Kt 的for、forEach 循环方式 基础 for循环 for循环 一般作用于 list、map数据集合 ,这里我直接创建了一个只读List集合 提前了解 惯性 for循环 所谓的惯性

    2024年01月16日
    浏览(40)
  • 【JS】for 与 forEach 分别如何跳出循环

    for 循环 在 for 循环中,退出循环的两种方式: break; 退出整个循环 continue; 退出当次循环 break 退出整个循环 continue 退出当次循环 forEach 在JavaScript中, forEach 方法是用于遍历数组的方法,它会对数组中的每个元素执行指定的操作。 forEach 方法本身 并不提供直接的方式来跳出循

    2024年02月12日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包