在 JavaScript 中，map() 函数是一个非常强大的数组方法，它可以遍历数组中的每个元素，并返回一个新的数组。但是，在某些情况下，您可能需要在处理数组时访问当前项的索引位置。这时候，就需要在 map() 函数内部使用数组的索引。
在 map() 函数中获取索引
如果您需要在 map() 函数内部访问数组中的索引，那么可以在回调函数中传递第二个参数，即当前元素的索引。例如：
const arr = ['apple', 'banana', 'orange'];
const newArr = arr.map((item, index) => {
return `${index}: ${item}`;
});
// Output: ['0: apple', '1: banana', '2: orange']在上面的例子中，我们使用了箭头函数来定义回调函数，并传递了两个参数 item 和 index。然后，我们将数组中每个元素的索引和值组合成了一个字符串，并将其返回给 newArr 数组。
使用索引进行条件判断
在某些情况下，您可能需要根据元素的索引位置进行一些特定的操作。例如，您可能需要将数组中的偶数项加倍。在这种情况下，您可以使用索引进行条件判断。例如：
-- -------------------- ---- -------
----- --- - --- -- -- -- ---
----- ------ - -------------- ------ -- -
-- ------ - - --- -- -
------ ---- - --
- ---- -
------ -----
-
---
-- ------- --- -- -- -- ---在上面的例子中，我们使用了 % 运算符来判断当前元素的索引是否为偶数。如果是偶数，我们将元素的值加倍，并将其返回给 newArr 数组。否则，我们直接返回元素的值。
使用索引进行计算
在某些情况下，您可能需要根据数组中的索引位置进行一些特定的计算操作。例如，您可能需要将数组中的每个元素乘以它的索引位置。在这种情况下，您可以使用索引进行计算。例如：
const arr = [1, 2, 3, 4, 5];
const newArr = arr.map((item, index) => {
return item * index;
});
// Output: [0, 2, 6, 12, 20]在上面的例子中，我们使用了索引 index 来计算每个元素的值。具体来说，我们将元素的值乘以它的索引位置，并将结果返回给 newArr 数组。
总结
在 map() 函数内部使用数组的索引可以让您更好地控制数组的处理方式。通过理解如何在回调函数中获取索引，并结合条件判断和计算操作，您可以更好地利用 map() 函数的强大功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26182