Aprenda a explorar o potencial escondido do console em JS
Tags: javascript, webdev, programming, tutorial
Published: 2022-09-06 13:05:02

Um informação que muitas vezes passa desapercebido para muitos iniciantes é de que o **console** é um objeto e o seu tão usado log() é apenas um dos diversos outros métodos que esse objeto possui. 

Hoje vou te mostrar quais são esses outros métodos e como explorar todo o potencial do console.
## Console.group()

Já imaginou agrupar seus console.log() e conseguir organizar os dados no console do navegador? 

```javascript
console.group("My group");
console.log("#1");
console.log("#2");
console.log("#3");
console.groupEnd();
```
Com isso temos:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/904zdc9kf9lego0aj6pn.png)
## Console.assert()

Com esse comando é possível realizar uma checagem de alguma condição, retornando um erro caso seja _false_. 

```javascript
console.assert(2 > 1, "Mensagem de erro, 2 não é maior que 1");
console.assert(2 > 3, "Mensagem de erro, 2 não é maior que 3");
```
Temos então a mensagem de erro:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2tnz7g4en1w7y01fnuy9.png)
## Se é um objeto... 
Podemos usar também a desestruturação de objetos no nosso console e até renomear nossos métodos:

```javascript
const { assert } = console;
assert(2>3,"Error");
const { log: message } = console;
message("Eu era o log");
```
Obtemos:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vzr9o0fniw5t6q526m0x.png)
## Console.table
O nome é bem sugestivo.

```javascript
const frutas = ["maça", "banana", "laranja", "uva"];
console.table(frutas);
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/msx8bbiscokne4w624wy.png)
<br>
## Console.error() e console.warn()
Você pode exibir mensagens de erro e alerta

```javascript
console.error("ERROR");
console.warn("WARN");
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ru0bzmuzesiiumahi6ol.png)
## Console.clear()
Limpe facilmente seu console com o clear

```javascript
console.log("#1");
console.clear();
console.log("#2");
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48u7vm1g1hqszgd0ykxn.png)
## Console.time() e console.timeEnd()
O console.time() vai iniciar uma contagem que será finalizada quando chamarmos o  console.timeEnd() com mesmo nome. Com esse método é possível ver o tempo, em milissegundos, decorrido desde a execução de alguma parte do seu código.

```javascript
console.time("Tempo");
setTimeout(() => {
   console.timeEnd("Tempo");
}, 2000);
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sfxexh8k73qf6hq6clsu.png)
## Console.count()
Conta o número de vezes que ele foi exibido.

```javascript
const arr = [1,2,3,4]
console.count("contador");
for(let i in arr){
    console.count("contador");
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7fa423vtpy6u9w1qadrt.png)
## Conclusão

Esses foram alguns dos métodos que o console possui e que podem facilitar seu trabalho no dia a dia. Espero que pelo menos um deles seja útil para você.