2014/09/23

Creating tables with console.table in Chrome - good coders code, great reuse

Creating tables with console.table in Chrome

Posted: 22 Sep 2014 01:36 PM PDT

Check out this awesome trick that I just discovered. You can use console.table to format data in a nice table in Chrome. Open Chrome developer tools (press F12). Then create an array of hashes of data. The hash keys will be used as table columns, and the values will be used as table rows.

Here's a simple example. Let's simply enumerate the alphabet, convert it to upper case, and also convert it to hex. Copy this to developer console:

var data = [];  var alphabet = "abcdefghijklmnopqrsuvwxyz".split('');  alphabet.forEach(function (char) {    data.push({      lowerCase : char,      upperCase : char.toUpperCase(),      hex       : "0x" + char.charCodeAt(0).toString(16)    });  });    console.table(data);