如何在JavaScript的map函数中获取序列号？

Question

在JavaScript中，有一种方法可以获得map函数中每个项的序列号。

例如，我有一个包含5个项的数组，并希望将每个项的序列号传递到以下代码中的React组件中：

{toDoList.map(item => <ToDoItem key={item.id} sequenceNumber={???} data={item} />)}

- Sam

Answer 1

当你使用.map时，实际上会传递3个参数给你的函数：数组中的元素、它的索引和数组本身。更多信息请参见此处。 因此，该索引应该适用于您的序列号：

{toDoList.map((item, index) => 
    <ToDoItem key={item.id} sequenceNumber={index} data={item} />)}

- Nicholas Tower

Answer 2

在map函数中，回调函数有三个参数：元素、索引和数组本身。所以你只需要给回调函数一个第二个参数，像这样：

var arr = [1,2,3,4];

arr.map((num, index) => console.log(num + " " + index));

在你的情况下，应该是这样的：

{toDoList.map((item, index) => <ToDoItem key={item.id} sequenceNumber={index} data={item} />)}

- Dij

Answer 3

这是回调函数的第二个参数。

[101,102,103].map((a,b)=>b)

给出 [0,1,2]

- SQL Hacks

Answer 4

你可以把数组下标看作是一系列数字的序列。

{toDoList.map((item, index) => 
    <ToDoItem key={item.id} sequenceNumber={index} data={item} />)}

- Jeevan