Um dos métodos mais usados em programação JavaScript com certeza é o console.log. Esse método nos permite imprimir textos na tela, assim como também é usado como ferramenta de debug dos códigos.

No entanto, quando estamos usando o navegador, existem várias outras formas de imprimir valores, e neste artigo vamos conhecer algumas delas.

console.assert

Esse método recebe como parâmetro uma expressão booleana e uma mensagem.

A mensagem será impressa junto com um erro de assertion uma vez que a expressão booleana seja avaliada para false.

Se a expressão for verdadeira nada será impresso.

Um exemplo de utilização pode ser visto abaixo:

let a = 4;
let b = 5;

console.assert(a===b, "teste de igualdade");

O código acima gera a seguinte saída no console do navegador:

console

Porém, uma vez que as variáveis a e b tenham o mesmo valor, não obteremos retorno impresso no terminal.

console.error

Esse método se assemelha bastante ao console.log, mas com uma formatação de erro:

console.error("mensagem")

O código acima, por exemplo gerará a seguinte saída no console:

error

console.warn

O método console.warn é bem similar ao método anterior, mas exibe a mensagem com uma formatação de aviso ao invés do formato de erro.

console.warn("mensagem")
warn

console.table

Imprime informações no console no formato de tabela. Esse método pode receber como parâmetro tanto um objeto quando um array, além disso, oferece uma alternativa para a visualização destes elementos que é mais clara que o console.log.

let obj = {
nome:"Pedro",
idade:14,
pai: "Afonso",
mae: "Josefina",
}

console.table(obj)
console

Podemos também utilizar o console.table para imprimir arrays:

let arr = [10,20,30,40,50,60,70,80,90,100]

console.table(arr)
table

Ou arrays de arrays:

let arr = [["a","b"],[5,4,7,10], ["bananas", "maças"]]
console.table(arr)
console

console.group

O método console.group não é necessariamente uma alternativa ao método console.log, mas é um método que é um complemento desse.

O que o console.group faz é iniciar um grupo e todos os console.log existentes depois da abertura desse grupo pertencerão à este grupo, a menos é claro que chamemos o método console.groupEnd para fechar o grupo.

Usar grupos pode ser muito útil para organizar os prints e para verificar os conteúdos de uma parte do código, como uma função.

function soma(a, b) {
  console.group("Função soma")
  console.log(`Parâmetros:${a} ${b}`)
  let resultado = a + b
  console.log(resultado)
  console.groupEnd()
  return resultado
}
 soma(1, 7)
 soma(2, 2)

O exemplo acima é um exemplo básico com uma função que fará a soma de dois números. Nessa função, queremos imprimir alguns dados, no caso, os parâmetros e o resultado, portanto, defini um grupo com a label “Função soma”. Depois de rodar o código, o console terá o seguinte conteúdo:

console

Note que como chamamos a função duas vezes, temos dois grupos distintos aparecendo no console.

Também podemos ter grupos dentro de grupos, como no exemplo abaixo:

function f1() {
    console.group("Função 1")
    console.log("executando função 1")
    f2()
    console.groupEnd()
}

function f2() {
   console.group("Função 2")
   console.log("executando função 2")
   f3()
   console.groupEnd()
}

function f3() {
   console.group("Função 3")
   console.log("executando função 3")
   console.groupEnd()
}

f1()
console

Considerações finais

Neste artigo conhecemos vários métodos da classe console e vimos como utilizá-los. Espero que tenhamos te ajudado e até a próxima!

Bons estudos!

Veja também