Usando console.table

Algumas vezes temos algum objeto em javascript que precisamos visualizar seu estado de forma rápida, normalmente utilizamos o console do navegador. Não vejo muitas pessoas utilizando: “console.table”, ele pode ser bem útil quando precisamos destrinchar um objeto com muitos atributos. Ele basicamente gera uma tabela no console com dados informados. Vamos há um exemplo:

var clientes = [
	{
		id: 1,
		nome: "José"
	},
	{
		id: 2,
		nome: "Maria"
	},
	{
		id: 3,
		nome: "João"
	}
];

console.table(clientes);

Acima temos um array de clientes. Em cada item do array, temos um objeto com as propriedades: “id” e “nome”.
Ao executarmos isso no console temos:

Acima temos a tabela com os dados do array de clientes.

Colunas da tabela
Também podemos limitar quais atributos serão mostrados na tabela, utilizando o segundo parâmetro do método “table”, que é um array com os nomes dos atributos.

var clientes = [
	{
		id: 1,
		nome: "José"
	},
	{
		id: 2,
		nome: "Maria"
	},
	{
		id: 3,
		nome: "João"
	}
];

console.table(clientes, ["nome"]);

Acima temos o resultado com colunas omitidas.

.

Se clicarmos no cabeçalho da tabela sobre o nome da coluna, iremos ordenar pela mesma.

Espero ter ajudado!
Até a próxima pessoal!