Estás usando mal console.log en javascript
Tags: javascript, beginners, tutorial, spanish
Published: 2020-12-01 14:19:30

Te apuesto a que alguna vez has usado console.log() para depurar los errores al programar en javascript. Pero quizás no sepas que console tiene otros métodos muy útiles a parte de log(). En esta entrada voy a colocar algunos de los métodos más útiles que he encontrado en la web. 

## Muestra información

_console.info()_ cumple la función de presentar información

```javascript
console.info("Texto con propósito informativo")
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kv6470h31vrikuq93x2f.jpg)

## Muestra mensajes de advertencia

_console.warn()_ muestra un mensaje de advertencia, con fondo amarillo

```javascript
console.warn("Muestra un mensaje de advertencia")
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/eww1k4ivr39f1yjdr7hp.jpg)

## Muestra un mensaje de error

_console.error()_ nos muestra un mensaje de error

```javascript
console.error("Muestra un mensaje de error")
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9frt5vp0b1ht4k0bhqwk.jpg)

## Evalua si una expresión es true, o muestra un error

_console.assert()_ recibe dos argumentos: el primero es una expresión, el segundo un mensaje a mostrar si la expresión es false.

```javascript
console.assert(false, "Este mensaje se muestra porque el primer argumento es false")
Assertion failed: Este mensaje se muestra porque el primer argumento es false
console.assert(true, "Este mensaje NO se mostrará porque el primer argumento es true")
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c7xqhlwmoewtgwfuzow0.jpg)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/u2v1902q7m9byr4f3y11.jpg)

## Cuenta eventos

_console.count()_ recibe una etiqueta que nosotros definimos, cada vez que se ejecute nos mostrará cuantas veces se ha ejecutado esta función con la etiqueta dada.

```javascript
console.count(3)
console.count(7)
console.log("Ya se tiene un conteo para 3 y 7")
for(let i=0; i<10; i++){
    console.count(i)
}
3: 1 
7: 1 
Ya se tiene un conteo para 3 y 7
0: 1 
1: 1 
2: 1 
3: 2 
4: 1 
5: 1 
6: 1 
7: 2
8: 1 
9: 1
```

## Imprime un objeto como JSON

Para este ejemplo creamos un objeto

```javascript
const specs = {ram: "HyperX FURY DDR4 8GB", processor: "Intel i7 8700K", "hdd": "Seagate Barracuda 3.5'', 1TB"}
```

Usamos _console.dir()_ para imprimir el objeto en su representación JSON

```javascript
console.dir(specs)
{…}
hdd: "Seagate Barracuda 3.5'', 1TB"
processor: "Intel i7 8700K"
ram: "HyperX FURY DDR4 8GB"
: Object { … }
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3qgxwy4lnycup6fxqenw.jpg)

## Agrupa mensajes

_console.group()_ marca el inicio de los mensajes que queremos agrupar y recibe como argumento el título de la agrupación, mientras que console.groupEnd() marca el término de esta agrupación.

```javascript
console.group("Mensajes agrupados")
console.log("Log")
console.info("Info")
console.groupEnd()

Mensajes agrupados
| Log
| Info
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yjb0b0dp6eae1grvzu5t.jpg)

## Mide el tiempo

_console.time()_ empezará un temporizador que se detendrá cuando usemos console.timeEnd(). Lo que nos sirve para medir todo lo que se ejecuta en medio de estas dos funciones.

```javascript
console.time()
functionToMeasure()
console.timeEnd()
default: 8605ms - temporizador finalizado
```

## Imprime una lista de objetos como una tabla

_console.table()_ Nos imprime una lista de objetos con un formato de tabla bastante agradable a la vista

```javascript
const books = [{book: "Story of Your Life", author: "Ted Chiang"}, {book: "The last answer", author: "Isaac Asimov"}, {book: "do androids dream of electric sheep?", author: "Philip K. Dick"}]
console.table(books)
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/s0y2n8vhpox4h0j127fk.jpg)

Con este ejemplo doy por terminada la entrada. Espero que la próxima vez que uses _console.log()_ tomes en cuenta las diferentes opciones que tienes para hacer más sencillo el desarrollo de tu código. En esta entrada solo puse los métodos más útiles, si quieres ahondar más en el tema puedes consultar la [documentación oficial.](https://developer.mozilla.org/es/docs/Web/API/Console)

Sígueme en [Twitter](https://twitter.com/hello_wired), publico un tweet cada que tengo una nueva entrada. Además Twitteo frecuentemente información interesante sobre tecnología que puede servirte. 

O [suscríbete a mi newsletter](https://coffeebytes.dev/no-te-pierdas-ninguna-de-nuestras-entradas/) para recibir un correo electrónico cada que publique una nueva entrada.