• Saltar al contenido principal
  • Skip to secondary menu
  • Saltar a la barra lateral principal
  • Saltar al pie de página
  • Inicio
  • Secciones
    • Ciencia de datos
    • Criptografía
    • Herramientas
    • Machine Learning
    • Noticias
    • Opinión
    • Productividad
    • Programación
      • JavaScript
      • Julia
      • Matlab
      • Python
      • R
  • Programación
    • JavaScript
    • Julia
    • Matlab
    • Python
    • R
  • Noticias
  • Boletín
  • Contacto
  • Tienda
    • Libros
    • Equipamiento de oficina
    • Equipamiento en movilidad
    • Tiendas afiliadas
      • AliExpress
      • Amazon
      • Banggood
      • GeekBuying
      • Lenovo

Analytics Lane

Ciencia e ingeniería de datos aplicada

  • Ciencia de datos
  • Machine Learning
  • Python
  • Pandas
  • NumPy
  • Matlab
  • Julia
  • JavaScript
  • Excel

La consola de JavaScript

junio 26, 2020 Por Daniel Rodríguez Deja un comentario
Tiempo de lectura: 4 minutos

Posiblemente el método más utilizado para imprimir mensajes en la consola de JavaScript sea console.log(). Pero este no es el único método, que se puede utilizar para esta tarea, ya que existen otras con las que se puede imprimir advertencias, errores o, incluso, tablas. Métodos con las que se puede sacar todo el provecho de la consola de JavaScript, más allá de la recurrida console.log().

Otras funciones básicas de la consola de JavaScript

El método console.log() permite emitir un mensaje en la consola. Pudiéndose imprimir a través de este casi cualquier objeto de JavaScript, por lo que es ampliamente utilizado. Pero no todos los mensajes son iguales, por lo que además de este existen otros método para imprimir mensajes en la consola.

  • console.info(): el uso de este método se debe reservar para emitir mensajes informativos en la consola. En muchos navegadores se diferencia de console.log() en que aparece un símbolo de información al lado del mensaje.
  • console.debug(): el uso de este método es para emitir mensajes de depuración. Por lo que únicamente se muestran si el navegador está configurado para ello. Esto lo convierte en una solución ideal para los mensajes de depuración que no necesitan verse en producción.
  • console.warn(): en el caso de que nuestro mensaje sea una advertencia este es el método deberíamos usar. En la mayoría de los navegadores el mensaje se imprime en amarillo son junto a un símbolo de advertencia, lo que hace que se le preste más atención que a un mensaje normal.
  • console.error(): finalmente, en el caso de que necesitemos comunicar un error este es el método que se debería usar. Los mensajes emitidos a través de esta función aparecen resaltados en rojo y con indicaciones de dónde se ha producido el fallo. Este comportamiento también se puede conseguir con console.exception() que no es más que un alias.

La diferencia de estos métodos en Firefox se puede ver en la siguiente captura de pantalla.

Resultado de diferentes métodos de consola en Firefox
Resultado de diferentes métodos de consola en Firefox

La existencia de diferentes métodos no solamente es por motivos visuales, sino que los navegadores modernos permiten filtrar en base al tipo de mensaje. Permitiendo reducir así el ruido visual de la consola. Por ejemplo, en la siguiente captura de pantalla se puede ver cómo se ha filtrado únicamente los mensajes de error en Firefox.

Publicidad


Filtrado de diferentes métodos de consola en Firefox
Filtrado de diferentes métodos de consola en Firefox

Representar objetos con console.dir()

Cuando lo que necesitamos es representar un objeto se puede usar console.log(), pero no es la mejor opción. Para estos casos existe el método console.dir() con el que se obtiene una mejor representación del objeto. Algo que se puede ver en la siguiente captura de pantalla, donde se aprecia un mayor detalle cuando con el segundo método.

Mostrar un objeto en la consola de Firefox
Mostrar un objeto en la consola de Firefox

Mostrar tablas con console.table()

Representar el contenido de una tabla es una tarea difícil si solamente se usa console.log(), pero para eso existe el método console.table(). Un método con el que el contenido de una lista de objetos se puede mostrar de una forma completamente visual. Sin la necesidad de escribir código adicional para ello. Algo que se puede apreciar en el siguiente ejemplo.

Mostrar una tabla en la consola de Firefox
Mostrar una tabla en la consola de Firefox

Conclusiones

En la entrada de hoy se ha visto algunas de las opciones que tenemos a la hora de escribir datos en la consola de JavaScript. Existiendo muchos métodos que permiten complementar console.log() para conseguir los resultados que queremos exactamente.

Además de esto, si en algún momento necesitas sacar por la consola de JavaScript más de 100 registros de un array podéis consultar este truco.

Publicidad


Imagen de simplu27 en Pixabay

¿Te ha parecido de utilidad el contenido?

¡Puntúalo entre una y cinco estrellas!

Puntuación promedio 5 / 5. Votos emitidos: 1

Ya que has encontrado útil este contenido...

¡Síguenos en redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Déjame mejorar este contenido!

Dime, ¿cómo puedo mejorar este contenido?

Publicaciones relacionadas

  • pi
    El tipo de datos numérico en JavaScript
  • window
    Crear una copia profunda en JavaScript
  • computer
    Agregando logs al API con Winston (6ª parte de…
  • JavaScript
    Rango en pruebas unitarias en JavaScript (Creación…
  • seagulls
    Eliminar duplicados de un vector JavaScript
  • compass
    Creación de una librería TypeScript

Publicado en: JavaScript

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

I accept the Terms and Conditions and the Privacy Policy

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Publicidad





Barra lateral principal

Suscríbete a nuestro boletín

Suscríbete al boletín semanal para estar al día de todas las publicaciones.

Política de Privacidad

Analytics Lane en redes sociales

  • Amazon
  • Facebook
  • GitHub
  • Instagram
  • Pinterest
  • RSS
  • Twitter
  • Tumblr
  • YouTube

Publicidad

Entradas recientes

Mantener un sistema de alta disponibilidad con PostgreSQL y repmgr

diciembre 1, 2023 Por Daniel Rodríguez

Diferencias entre los errores 401 y 403 del estándar HTTP

noviembre 29, 2023 Por Daniel Rodríguez

Ver el código de cualquier función en Python

noviembre 27, 2023 Por Daniel Rodríguez

Publicidad

Es tendencia

  • Operaciones de filtrado de DataFrame con Pandas en base a los valores de las columnas publicado el mayo 10, 2019 | en Python
  • Diferentes formas de ordenar dataframes en pandas publicado el abril 29, 2019 | en Python
  • Seleccionar filas y columnas en Pandas con iloc y loc publicado el junio 21, 2019 | en Python
  • Codificación JSON Archivos JSON con Python: lectura y escritura publicado el julio 16, 2018 | en Python
  • pandas Pandas: Cómo crear un DataFrame vacío y agregar datos publicado el noviembre 16, 2020 | en Python

Publicidad

Lo mejor valorado

4.9 (22)

Seleccionar filas y columnas en Pandas con iloc y loc

4.7 (12)

Operaciones de filtrado de DataFrame con Pandas en base a los valores de las columnas

4.6 (15)

Archivos JSON con Python: lectura y escritura

4.5 (10)

Diferencias entre var y let en JavaScript

4.4 (13)

Ordenación de diccionarios en Python mediante clave o valor

Publicidad

Comentarios recientes

  • Anto en Rendimiento al iterar en JavaScript sobre un vector
  • Daniel Rodríguez en Creación de un certificado Let’s Encrypt en Windows con Win-Acme
  • Guillermo en Creación de un certificado Let’s Encrypt en Windows con Win-Acme
  • Daniel Rodríguez en ¿Cómo eliminar columnas y filas en un dataframe pandas?
  • Miguel en ¿Cómo eliminar columnas y filas en un dataframe pandas?

Publicidad

Footer

Analytics Lane

  • Acerca de Analytics Lane
  • Boletín de noticias
  • Contacto
  • Libros
  • Lo más popular
  • Noticias
  • Tienda
  • Tiendas afiliadas

Secciones

  • Ciencia de datos
  • Criptografía
  • Herramientas
  • Machine Learning
  • Opinión
  • Productividad
  • Programación
  • Reseñas

Sobre de Analytics Lane

En Analytics Lane tratamos de explicar los principales conceptos de la ciencia e ingeniería de datos con un enfoque práctico. Los principales temas tratados son ciencia de datos, ingeniería de datos, inteligencia artificial, machine learning, deep learning y criptografía. Además, también se habla de los principales lenguajes de programación y herramientas utilizadas por los científicos e ingenieros de datos.

Copyright © 2018-2023 Analytics Lane ·Términos y condiciones ·Política de Cookies ·Política de Privacidad ·Herramientas de privacidad ·Contacto