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

Question

有没有办法让我在mapJavaScript 函数中获取每个项目的序列号？

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

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

Answer 1

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} />)}