Converts an HTML table to a plain JavaScript Object (POJO)

table2pojo.js

[...document.querySelectorAll('tr')].slice(1).map(row=>([...document.querySelectorAll('th')].map(el=>el.textContent).reduce((obj,head,i)=>({...obj,[head]:row.querySelectorAll('td')[i].textContent}),{})))

x-similar-but-more-readable.js

{
  const headers = [...document.querySelectorAll('th')].map(el => el.textContent)
  const rows = [...document.querySelectorAll('tr')].slice(1)

  rows.map(row => {
    const rowData = [...row.querySelectorAll('td')].map(el => el.textContent)

    return rowData.reduce((obj, item, i) => ({
      ...obj,
      [headers[i]]: item
    }), {})
  })
}