博客
关于我
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_secure_installation初始化数据库报Access denied
查看>>
MySQL_西安11月销售昨日未上架的产品_20161212
查看>>
Mysql——深入浅出InnoDB底层原理
查看>>
MySQL“被动”性能优化汇总
查看>>
MySQL、HBase 和 Elasticsearch:特点与区别详解
查看>>
MySQL、Redis高频面试题汇总
查看>>
MYSQL、SQL Server、Oracle数据库排序空值null问题及其解决办法
查看>>
mysql一个字段为空时使用另一个字段排序
查看>>
MySQL一个表A中多个字段关联了表B的ID,如何关联查询?
查看>>
MYSQL一直显示正在启动
查看>>
MySQL一站到底!华为首发MySQL进阶宝典,基础+优化+源码+架构+实战五飞
查看>>
MySQL万字总结!超详细!
查看>>
Mysql下载以及安装(新手入门,超详细)
查看>>
MySQL不会性能调优?看看这份清华架构师编写的MySQL性能优化手册吧
查看>>
MySQL不同字符集及排序规则详解:业务场景下的最佳选
查看>>
Mysql不同官方版本对比
查看>>
MySQL与Informix数据库中的同义表创建:深入解析与比较
查看>>
mysql与mem_细说 MySQL 之 MEM_ROOT
查看>>
MySQL与Oracle的数据迁移注意事项,另附转换工具链接
查看>>
mysql丢失更新问题
查看>>