Truco: mostrar más de 100 elementos de un vector en JavaScript

El comando console.log() es uno de los más utilizados en JavaScript para mostrar el contenido de las variables de los programas en tiempo de ejecución. Pudiendo así comprobar el correcto funcionamiento de los programas. Aunque cuando la variable que se desea mostrar contiene un vector solamente se muestran los 100 primeros elementos, omitiendo el resto. Lo que puede ser un problema cuando es necesario comprobar el valor de algún registro que no es encuentra entre los 100 primeros. En otras ocasiones puede ser molesto cuando no es necesario mostrar el valor de tantos registros. En Node.js, se puede recurrir al módulo util para cambiar el comportamiento por defecto de console.log(). Lo que se puede utilizar para mostrar más de 100 elementos de un vector en JavaScript.

Mostrar más de 100 elementos de un vector en JavaScript

Al utilizar el comando console.log() con un vector que contenga más de 100 elementos, por defecto la salida es como la siguiente.

const arr = Array.from(Array(200).keys());
console.log(arr)

[ 0,
  1,
  2,
  3,
  ...
  97,
  98,
  99,
  ... 100 more items ]

En el que solamente se muestra el contendió de los 100 primeros elementos, indicando que existen otros 100. La solución para evitar este límite es utilizar util.inspect del módulo util indicando con el parámetro maxArrayLength la máxima longitud de los vectores que se desea mostrar. Por ejemplo, para indicar que se muestren todos los elementos solamente se tiene que asignar el valor null a maxArrayLength.

const util = require('util')
const arr = Array.from(Array(200).keys());
console.log(util.inspect(arr, { maxArrayLength: null }))

[ 0,
  1,
  2,
  3,
  ...
  196,
  197,
  198,
  199 ]

Mostrándose en la terminal todos los registros del vector.

Otra opción, si lo no es revisar todos los registros, es bajar el límite de 100 que viene por defecto a 5 elementos. Con lo que se mostrarán menos datos en pantalla.

const util = require('util')
const arr = Array.from(Array(200).keys());
console.log(util.inspect(arr, { maxArrayLength: 5 }))

[ 0, 1, 2, 3, 4, ... 195 more items ]

Algo simplifica las salidas cuando no es necesario comporbar le valor de todos los registros.

Conclusiones

En esta entrada se ha visto un truco para poder mostrar más de 100 elementos de un vector en JavaScript. Algo que puede ser de utilidad cuando para comprobar el correcto funcionamiento de un programa.

Imágenes: Pixabay (Theodor Moise )