如何修复.map中的数组编号错误

Question

我很难在.map方法中设置正确的编号。我具有拖放功能，如果将新项目拖到默认文本上方，则一切正常，并且编号从1开始，但是如果我将其放在-编号从2开始。

我尝试先在else语句的if语句中重置索引，但是它不起作用。

 setTable(rows, id) {
  if (rows.length === 0) {
    const table = document.getElementById(id)
    const row = table.insertRow(0);
    const cell = row.insertCell(0);

    if (component === 'test') {
      cell.innerHTML = "No tests are available.";
    } 
  } else {
    [...rows].map((row, index) => {
      if (row.getAttribute('data-name') === null && rows.length !== 
1) {
        row.remove()
        return row
      }

      // changing the numbers inside the <Number /> tag
      if (id === 'your-tests') {
        row.childNodes[0].childNodes[0].innerText = `${index + 1}.`
      } else {
        row.childNodes[0].childNodes[0].innerText = ""
      }
    })
  }
}

因此，如果我将项目放在“没有可用的测试”上方，那么我将从1开始进行正确的编号，但是如果我将其放在下面，则从2开始进行编号。