freeCodeCamp/guide/spanish/javascript/output/index.md

2.7 KiB

title localeTitle
Output 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.

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 .

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

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: