saulodias/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.
 */

/**
 * generates factory functions to convert table rows to objects,
 * based on the titles in the table's <thead>
 * @param  {Array<String>} headings the values of the table's <thead>
 * @return {(row: HTMLTableRowElement) => Object} a function that takes a table row and spits out an object
 */
function mapRow(headings) {
  return function mapRowToObject({ cells }) {
    return [...cells].reduce(function(result, cell, i) {
      const input = cell.querySelector("input,select");
      var value;

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

      return Object.assign(result, { [headings[i]]: value });
    }, {});
  };
}

/**
 * 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) {
  var headings = [...table.tHead.rows[0].cells].map(
    heading => heading.innerText
  );

  return [...table.tBodies[0].rows].map(mapRow(headings));
}
	<!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.
	*/

	/**
	* generates factory functions to convert table rows to objects,
	* based on the titles in the table's <thead>
	* @param {Array<String>} headings the values of the table's <thead>
	* @return {(row: HTMLTableRowElement) => Object} a function that takes a table row and spits out an object
	*/
	function mapRow(headings) {
	return function mapRowToObject({ cells }) {
	return [...cells].reduce(function(result, cell, i) {
	const input = cell.querySelector("input,select");
	var value;

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

	return Object.assign(result, { [headings[i]]: value });
	}, {});
	};
	}

	/**
	* 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) {
	var headings = [...table.tHead.rows[0].cells].map(
	heading => heading.innerText
	);

	return [...table.tBodies[0].rows].map(mapRow(headings));
	}