Desestructurando objetos JSON en la consola del navegador

Cualquier navegador permite proceder a la visualización de un objeto JSON de forma muy sencilla desde las herramientas de desarrollo (F12), para ello disponemos de diversas formas.

Para la realización de este ejercicio, se presenta como datos de partida esta serie de objetos:

Si se ejecuta el comando console.log(), de los objectos en el navegador de esta forma:

console.log(teacher1, teacher2, teacher3)        

Se obtiene el siguiente resultado:

Como se puede apreciar el resultado no es demasiado clarificador. Se puede mejorar, si englobamos los objectos entre corchetes, tratando a estos objetos como un array:

Por otro lado, javaScript dispone del método console.table(), que permite examinar de una forma mucho más clara a objectos JSON.

Utilizando la siguiente sintaxis, se muestra solo las columnas que interesen, simplemente se debe incluir los nombres de las columnas separados por comas a modo de parámetro de la función.

console.table(data [, columns]);        

De esta forma, se puede desestructurar el contenido de un objeto JSON, para examinar las propiedades, acceder a las mismas, ...