joshbuchea · January 22, 2018 01:18 · Aug 15, 2017 · Aug 15, 2017 · Aug 15, 2017
diff --git a/suckData.js b/suckData.js
@@ -3,9 +3,8 @@
  *  ~ but a personal snippet
  *
  * Sometimes when prototyping my designs, I like to get dummy data pretty fast.
- * Although it takes almost no time to use a third party service to create random/dummy data,
- * if I have a working example of a HTML table just like I want to dynamically render mine, I'll need
- * that same data but inside an object.
+ * I use this snippet to extract that data from working (aka "real life") tables from other HTML tables I find on the net.
+ * So I'll need that same data but inside an object.
  * 
  * This script assumes by default the table has the following structure:
  * <table>

diff --git a/suckData.js b/suckData.js
@@ -0,0 +1,44 @@
+/*
+ * THIS IS NOT A PLUGIN
+ *  ~ but a personal snippet
+ *
+ * Sometimes when prototyping my designs, I like to get dummy data pretty fast.
+ * Although it takes almost no time to use a third party service to create random/dummy data,
+ * if I have a working example of a HTML table just like I want to dynamically render mine, I'll need
+ * that same data but inside an object.
+ * 
+ * This script assumes by default the table has the following structure:
+ * <table>
+ *  <thead>
+ *    <tr><th>
+ *  <tbody>
+ *    <tr><td>
+*/
+
+var o = { // default options
+      selectors: {
+        table: 'table',
+        th: 'thead th', // relative to $table
+        tr: 'tbody tr' // relative to $table
+      }
+    },
+    $table,
+    data = [],
+    headings = [],
+    log = console.log;
+
+$table = document.querySelector(o.selectors.table);
+
+// Get headings
+$table.querySelectorAll(o.selectors.th).forEach((th) => {
+  headings[headings.length] = th.innerText;
+});
+
+$table.querySelectorAll(o.selectors.tr).forEach((tr, row) => {
+    var obj = data[row] = {};
+    tr.querySelectorAll('td').forEach((td, i) => {
+        obj[headings[i]] = td.innerText;
+    })
+});
+
+log(JSON.stringify(data));