105 lines
2.7 KiB
Markdown
105 lines
2.7 KiB
Markdown
---
|
|
title: Output
|
|
localeTitle: Salida
|
|
---
|
|
## Salida
|
|
|
|
Hay 4 formas más comunes en las que enviará sus datos a través de la consola. Estos serán utilizados la mayor parte de su proceso de desarrollo.
|
|
|
|
#### `console.log`
|
|
|
|
Es la forma más común y utilizada para generar los datos. Es una práctica común insertar un par de estos entre sentencias para entender cómo fluyen y procesan los datos. Además, puede usar el `debugger` o los puntos de interrupción en devtools para hacer lo mismo sin contaminar su código.
|
|
|
|
```javascript
|
|
var numbers = [ 1, 2, 3, 4, 5, 6, 7];
|
|
numbers.forEach(function(number){
|
|
console.log(number + ' is divisible by 2', number%2 == 0);
|
|
});
|
|
```
|
|
|
|
#### `console.warn`
|
|
|
|
Como lo adivinó por el nombre, se usa para mostrar advertencias, y su color amarillo típico lo diferencia del error red & `console.log` .
|
|
|
|
```javascript
|
|
function isAdult(age){
|
|
if(Number(age) < 18){
|
|
console.warn('You are not an adult');
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
```
|
|
|
|
#### `console.error`
|
|
|
|
Como puede adivinar, esto se usa cuando se lanza una excepción o un error en el código. Te da el mensaje de error rojo para llamar la atención rápidamente.
|
|
|
|
#### `console.table`
|
|
|
|
Supongamos que tiene una lista de elementos o películas en un objeto json y desea verificar eso en formato de tabla, entonces `console.table` es su mejor apuesta. Detecta automáticamente los encabezados de las filas y columnas a partir de los datos.
|
|
|
|
_Intenta ejecutar el siguiente código en tu consola_
|
|
|
|
```javascript
|
|
var data = {
|
|
"colors": [
|
|
{
|
|
"color": "black",
|
|
"category": "hue",
|
|
"type": "primary",
|
|
"rgba": [255,255,255,1],
|
|
"hex": "#000"
|
|
},
|
|
{
|
|
"color": "white",
|
|
"category": "value",
|
|
"rgba": [0,0,0,1],
|
|
"hex": "#FFF"
|
|
},
|
|
{
|
|
"color": "red",
|
|
"category": "hue",
|
|
"type": "primary",
|
|
"rgba": [255,0,0,1],
|
|
"hex": "#FF0"
|
|
},
|
|
{
|
|
"color": "blue",
|
|
"category": "hue",
|
|
"type": "primary",
|
|
"rgba": [0,0,255,1],
|
|
"hex": "#00F"
|
|
},
|
|
{
|
|
"color": "yellow",
|
|
"category": "hue",
|
|
"type": "primary",
|
|
"rgba": [255,255,0,1],
|
|
"hex": "#FF0"
|
|
},
|
|
{
|
|
"color": "green",
|
|
"category": "hue",
|
|
"type": "secondary",
|
|
"rgba": [0,255,0,1],
|
|
"hex": "#0F0"
|
|
|
|
},
|
|
]
|
|
}
|
|
|
|
console.table(data.colors);
|
|
```
|
|
|
|
Además, puede controlar y filtrar el tipo de salida que desea ver en la consola.
|
|
|
|
1. Todas
|
|
2. Verboso
|
|
3. Advertencia
|
|
4. Los errores
|
|
|
|
#### Más información:
|
|
|
|
* [Referencia completa del objeto consola por Google.](https://developers.google.com/web/tools/chrome-devtools/console/console-reference)
|
|
* [Consola MDN](https://developer.mozilla.org/en-US/docs/Web/API/Console) |