javascript - 使用 .map 时如何找到提交输入的索引

Question

我正在使用 Array.prototype.map() 方法，将数组显示到表中。该表还包含每个 Array.prototype.map() 输出实例的输入字段和提交按钮。我如何跟踪数组中提交的位置，或者这是不可能的？

<tbody>
         <% qryData.map(function(item,i){%>
          <tr>
            <td>
                <%=item.SystemID%>
            </td>
             <td>
                <%=item.SystemName%>
             </td>
              <td>
               <input  type="text" name="txtLabID"  size="12" maxlength="20"> 
              </td>
               <td align="center">
                 <button type="submit" name="AddUpdate" class="btn btn-sm btn-primary">Save</button>
                  <input type="hidden" name="itemIndex" value="<%=i%>"/>
                </td>
              </tr>
              <% })%>
 </tbody>

Answer 1

我不确定您的 map 函数是什么样的，但您可以在使用 .map 方法操作数组时跟踪数组的索引。

var numbers = [1, 5, 10, 15];
numbers.map(function(number, index) {
   console.log('number: '  + number + ' index:' + index);
});
//OUTPUT
// number: 1 index:0
// number: 5 index:1
// number: 10 index:2
// number: 15 index:3