博客
关于我
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 存储过程参数:in、out、inout
查看>>
mysql 存储过程每隔一段时间执行一次
查看>>
mysql 存在update不存在insert
查看>>
Mysql 学习总结(86)—— Mysql 的 JSON 数据类型正确使用姿势
查看>>
Mysql 学习总结(87)—— Mysql 执行计划(Explain)再总结
查看>>
Mysql 学习总结(88)—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键
查看>>
Mysql 学习总结(89)—— Mysql 库表容量统计
查看>>
mysql 实现主从复制/主从同步
查看>>
mysql 审核_审核MySQL数据库上的登录
查看>>
mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决
查看>>
mysql 导入导出大文件
查看>>
mysql 将null转代为0
查看>>
mysql 常用
查看>>
MySQL 常用列类型
查看>>
mysql 常用命令
查看>>
Mysql 常见ALTER TABLE操作
查看>>
MySQL 常见的 9 种优化方法
查看>>
MySQL 常见的开放性问题
查看>>
Mysql 常见错误
查看>>
MYSQL 幻读(Phantom Problem)不可重复读
查看>>