如何在JavaScript中的map函數中獲取序號？

Question

有沒有辦法讓我在JavaScript中獲取map函數中每個項目的序列號？

例如，我的5個項目的陣列，並希望每個項目的序列號傳遞給我在下面的代碼陣營組分：

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

Answer 1

三個參數回調函數內部地圖是元素，索引和數組本身，所以你只需要給出第二個參數給回調函數像：

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

Answer 2

這是回調的第二個參數。

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

給出[0,1,2]

Answer 3

當您使用.map，你的函數實際上得到的3個參數傳遞：數組，它的索引，以及數組本身的項目。 See more here.

使指數應爲您的序列號工作：

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