Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Comparar objetos de dados similares

Visualize dados estruturados e compare objetos de dados usando o método table().

O método table() oferece um modo fácil de visualizar objetos e matrizes que contêm dados similares. Quando chamado, ele assume as propriedades de um objeto e cria um cabeçalho. Em seguida, os dados brutos vêm do valor das propriedades de cada índice.

Exemplo básico: Registrar uma matriz de objetos

Na sua forma mais básica, tudo de que você precisa é uma matriz com diversos de objetos que tenham as mesmas propriedades, e o comando table() fará o resto:

console.table([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]);
console.table([[1,2,3], [2,3,4]]);

A saída será a seguinte:

Exibição da tabela do console

Exemplo avançado: Registrar propriedades específicas

O segundo parâmetro de table() pode ser usado para registrar objetos mais avançados. Defina uma matriz que contenha as strings de propriedade que deseja exibir, algo assim:

function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
}

var family = {};
family.mother = new Person("Susan", "Doyle", 32);
family.father = new Person("John", "Doyle", 33);
family.daughter = new Person("Lily", "Doyle", 5);
family.son = new Person("Mike", "Doyle", 8);

console.table(family, ["firstName", "lastName", "age"]);

A saída será a seguinte:

Saída do console com objetos table