Console.log a multi-dimensional array

Sam_12345 picture Sam_12345 · May 31, 2015 · Viewed 16.8k times · Source

So I have created a multi-dimensional array: (i.e. one with two sets of 'coordinates')

var items = [[1,2],[3,4],[5,6]];

My site is in development and the array, when it is loaded, and what it contains is constantly changing, so I need to be able to, whilst running the script, dynamically view the contents of the array.

So, I use this:

console.log(items);

to output it to the console. This gives me the following output:

alt: Unreadable output of my array

So, is there any other way in which I can do the equivalent of console.logging my array, but with more readable output?

Answer

joe_young picture joe_young · May 31, 2015

You can use javascript's console.table

This will display your array in table form, making it much more readable and easy to analyse
It is quite a little known feature, however useful when you have a multi-dimentional array.

So, change your code to console.table(items);
It should give you something like this:

 -----------------------
|(index)|   0   |   1   |
|   0   |   1   |   2   |
|   1   |   3   |   4   |
|   2   |   5   |   6   |
 -----------------------