有没有办法在javascript中将表更改为多维数组？

Question

我制作了一个具有行和列属性的表格，代码如下：<table border='2px' cellpadding='20px'>  <tr id='rowZero'>      <td id='zeroZero'>-</td>      <td id='zeroOne'>-</td>      <td id='zeroTwo'>-</td>      <td id='zeroThree'>-</td>      <td id='zeroFour'>-</td>``  </tr>  <tr id='rowOne'>       <td id='oneZero'>-</td>      <td id='oneOne'>-</td>      <td id='oneTwo'>-</td>      <td id='oneThree'>-</td>      <td id='oneFour'>-</td>  </tr>但我不知道如何将其转换为多维数组。我想用这种模式访问我的表格的“innerText”：td id='zeroZero' on array index [0,0]td id='zeroOne' on array index [0,1]td id='zeroTwo' on array index [0,2]td id='zeroThree' on array index [0,3]td id='zeroFour' on array index [0,4]td id='oneZero' on array index [1,0]td id='oneOne' on array index [1,1]td id='oneTwo' on array index [1,2]td id='oneThree' on array index [1,3]td id='oneFour' on array index [1,4]谁能给我用这种模式将表转换为数组的代码？

Answer 1

function tableToArray(table) {

  return [...table.querySelectorAll('tr')].map(row => {

    return [...row.querySelectorAll('td')].map(cell => cell.textContent)

  })

}

你可以使用它传递你的表作为参数

const table = document.querySelector('table')

const array = tableToArray(table)