WickyNilliams/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>parseTable</title>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>name</th>
          <th>age</th>
          <th>eye colour</th>
          <th>coffee?</th>
          <th>food</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>dave</td>
          <td>35</td>
          <td>blue</td>
          <td><input type="checkbox" checked /></td>
          <td><input type="text" value="sandwich" /></td>
        </tr>
        <tr>
          <td>sarah</td>
          <td>29</td>
          <td>brown</td>
          <td><input type="checkbox" checked /></td>
          <td><input type="text" value="soup" /></td>
        </tr>
        <tr>
          <td>john</td>
          <td>42</td>
          <td>green</td>
          <td><input type="checkbox" /></td>
          <td><input type="text" value="stew" /></td>
        </tr>
      </tbody>
    </table>

    <pre></pre>

    <script src="parseTable.js"></script>
    <script>
      var table = document.querySelector("table");
      var output = document.querySelector("pre");
      var data = parseTable(table);

      // OUTPUTS
      // =======
      //
      // [
      //   {
      //     name: "dave",
      //     age: "35",
      //     "eye colour": "blue",
      //     "coffee?": true,
      //     food: "sandwich"
      //   },
      //   {
      //     name: "sarah",
      //     age: "29",
      //     "eye colour": "brown",
      //     "coffee?": true,
      //     food: "soup"
      //   },
      //   {
      //     name: "john",
      //     age: "42",
      //     "eye colour": "green",
      //     "coffee?": false,
      //     food: "stew"
      //   }
      // ]
    </script>
  </body>
</html>

## parseTable.js
/**
 * @license
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2014 Nick Williams
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

/**
 * @param {HTMLTableRowElement} row
 * @param {string[]} headings
 * @returns {Record<string, string | boolean>}
 */
function parseRow(row, headings) {
  const rowData = {};

  for (const cell of row.cells) {
    const input = cell.querySelector("input,select");
    let value;

    if (input) {
      value = input.type === "checkbox" ? input.checked : input.value;
    } else {
      value = cell.innerText;
    }

    rowData[headings[cell.cellIndex]] = value;
  }

  return rowData;
}

/**
 * given a table, generate an array of objects.
 * each object corresponds to a row in the table.
 * each object's key/value pairs correspond to a column's heading and the row's value for that column
 *
 * @param  {HTMLTableElement} table the table to convert
 * @return {Array<Object>} array of objects representing each row in the table
 */
function parseTable(table) {
  const headings = [];
  for (const heading of table.tHead.rows[0].cells) {
    headings.push(heading.innerText);
  }

  const data = [];
  for (const row of table.tBodies[0].rows) {
    data.push(parseRow(row, headings));
  }

  return data;
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>parseTable</title>
	</head>
	<body>
	<table>
	<thead>
	<tr>
	<th>name</th>
	<th>age</th>
	<th>eye colour</th>
	<th>coffee?</th>
	<th>food</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>dave</td>
	<td>35</td>
	<td>blue</td>
	<td><input type="checkbox" checked /></td>
	<td><input type="text" value="sandwich" /></td>
	</tr>
	<tr>
	<td>sarah</td>
	<td>29</td>
	<td>brown</td>
	<td><input type="checkbox" checked /></td>
	<td><input type="text" value="soup" /></td>
	</tr>
	<tr>
	<td>john</td>
	<td>42</td>
	<td>green</td>
	<td><input type="checkbox" /></td>
	<td><input type="text" value="stew" /></td>
	</tr>
	</tbody>
	</table>

	<pre></pre>

	<script src="parseTable.js"></script>
	<script>
	var table = document.querySelector("table");
	var output = document.querySelector("pre");
	var data = parseTable(table);

	// OUTPUTS
	// =======
	//
	// [
	// {
	// name: "dave",
	// age: "35",
	// "eye colour": "blue",
	// "coffee?": true,
	// food: "sandwich"
	// },
	// {
	// name: "sarah",
	// age: "29",
	// "eye colour": "brown",
	// "coffee?": true,
	// food: "soup"
	// },
	// {
	// name: "john",
	// age: "42",
	// "eye colour": "green",
	// "coffee?": false,
	// food: "stew"
	// }
	// ]
	</script>
	</body>
	</html>
	/**
	* @license
	*
	* The MIT License (MIT)
	*
	* Copyright (c) 2014 Nick Williams
	*
	* Permission is hereby granted, free of charge, to any person obtaining a copy
	* of this software and associated documentation files (the "Software"), to deal
	* in the Software without restriction, including without limitation the rights
	* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	* copies of the Software, and to permit persons to whom the Software is
	* furnished to do so, subject to the following conditions:
	*
	* The above copyright notice and this permission notice shall be included in
	* all copies or substantial portions of the Software.
	*
	* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
	* THE SOFTWARE.
	*/

	/**
	* @param {HTMLTableRowElement} row
	* @param {string[]} headings
	* @returns {Record<string, string \| boolean>}
	*/
	function parseRow(row, headings) {
	const rowData = {};

	for (const cell of row.cells) {
	const input = cell.querySelector("input,select");
	let value;

	if (input) {
	value = input.type === "checkbox" ? input.checked : input.value;
	} else {
	value = cell.innerText;
	}

	rowData[headings[cell.cellIndex]] = value;
	}

	return rowData;
	}

	/**
	* given a table, generate an array of objects.
	* each object corresponds to a row in the table.
	* each object's key/value pairs correspond to a column's heading and the row's value for that column
	*
	* @param {HTMLTableElement} table the table to convert
	* @return {Array<Object>} array of objects representing each row in the table
	*/
	function parseTable(table) {
	const headings = [];
	for (const heading of table.tHead.rows[0].cells) {
	headings.push(heading.innerText);
	}

	const data = [];
	for (const row of table.tBodies[0].rows) {
	data.push(parseRow(row, headings));
	}

	return data;
	}