博客
关于我
js中for of遍历数组获取index的方法
阅读量:786 次
发布时间:2019-03-24

本文共 804 字,大约阅读时间需要 2 分钟。

在路劲写代码的过程中,有时候可能会遇到一种情况:当我们使用数组的 for... of 遍历来遍历元素时,发现无法直接获取到每个元素的索引值。这种情况可能会让人感到有点困惑,尤其是对于刚入门的开发者来说。我们需要明确了解 for... of 与索引的关系,以便更好地利用它。在这种情况下,通常的解决方法是将数组转换为 Map 数据结构,然后利用 for... of 进行遍历,这样就能同时获取到索引和对应的元素值了。

为了更方便地理解这一点,我们可以对原来的数组进行一些操作。首先,我们可以将数组中的每个元素与其对应的索引值一并存储到 Map 中。具体来说,我们可以利用 Array.prototype.map 方法将数组中的每个元素转换成一个包含索引和值的数组,例如 ['a', 'b', 'c'] 会被转换成 [0, 'a'], [1, 'b'], [2, 'c']。然后,我们将这些数组作为值存入 Map 中。

例如,你可以这样做:

let arr = ['a', 'b', 'c'];for (let [index, item] of new Map(arr.map((item, index) => [index, item]))) {    console.log(index, item);}

这样一来,当我们使用 for... of 遍历 Map 的时候,每个遍历结果都会包含两个值:一个是索引,另一个是对应的数组元素。通过这种方式,我们就可以在同一个遍历中同时获得索引和对应的数组元素了。最终的输出结果会是:

0 "a"

1 "b"

2 "c"

这种方法虽然看起来有些绕,但实际上是一个非常常用的技巧。它的核心思想是将数组和索引一并存储起来,这样在需要同时处理索引和元素值的情况下,可以避免在遍历过程中额外添加索引参数。这种做法在日常开发中非常实用,特别是在需要同时处理元素和其位置的场景中。

转载地址:http://hrmkk.baihongyu.com/

你可能感兴趣的文章
Mysql InnoDB存储引擎中的checkpoint技术
查看>>
Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer
查看>>
MySQL InnoDB引擎的锁机制详解
查看>>
Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock
查看>>
mysql InnoDB数据存储引擎 的B+树索引原理
查看>>
mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值?
查看>>
mysql problems
查看>>
MySQL replace函数替换字符串语句的用法(mysql字符串替换)
查看>>
mysql workbench6.3.5_MySQL Workbench
查看>>
MySQL Workbench安装教程以及菜单汉化
查看>>
MySQL Xtrabackup 安装、备份、恢复
查看>>
mysql [Err] 1436 - Thread stack overrun: 129464 bytes used of a 286720 byte stack, and 160000 bytes
查看>>
MySQL _ MySQL常用操作
查看>>
MySQL – 导出数据成csv
查看>>
MySQL —— 在CentOS9下安装MySQL
查看>>
mysql 不区分大小写
查看>>
mysql 两列互转
查看>>
MySQL 中开启二进制日志(Binlog)
查看>>
MySQL 中文问题
查看>>
MySQL 中日志的面试题总结
查看>>