Todo lo que necesitas saber sobre Javascript Empty Array

Array Vacío Javascript

1// Array ejemplo
2let n = [ 1, 2, 3, "a", "b", "c" ];
3
4// Comprobar si un array está vacío en javascript
5if (Array.isArray(n) && n.length === 0) {
6   console.log(“El array n está vacío”);
7   
8} else {
9   console.log(“El array n NO esta vacío”);
10};
11
12// Vaciar un array en javascript reescribiendo la propiedad length
13n.length = 0;
14console.log(n) // output: []

Existen ocasiones en Javascript en las que necesitamos vaciar un array o verificar si el array está vacío para poder trabajar con él. Tenemos varías formas de lograr este objetivo, veremos algunas de ellas a continuación. Si quieres conocer más sobre qué es un array en Javascript puedes leer nuestra guía en el Blog de 4Geeks.

¿Cómo comprobar que un array está vacío en Javascript?

Sin duda la forma más segura de comprobar si un array está vacío es accediendo a la propiedad length del array.

1let n = [];
2
3if ( Array.isArray(n) && n.length === 0 ) {
4   console.log(“El array n está vacío”);
5} else {
6   console.log(“El array n NO está vacío”);
7};

En este ejemplo primero verificamos que el array sea de tipo array con la expresión Array.isArray(n) ya que si fuese de otro tipo de dato por ejemplo un objeto no podríamos acceder a la propiedad length, luego verificamos que el array está vacío con la expresión n.length === 0.

Related: ¿Cómo clonar un array en Javascript?

¿Cómo vaciar un array en Javascript?

Existen diferentes formas en las que podemos vaciar un array en Javascript. A continuación veremos algunas de ellas.

Reescribir la propiedad length

1let n = [ 1, 2, 3, 4, 5 ];
2n.length = 0
3
4console.log( n ) // []

la forma mas eficiente en terminos de ejecución a la hora de vaciar un array en Javascript es accediendo a la propiedad length del array y asignando el valor 0 esto borra todos los elementos del array y lo deja completamente vacío.

Asignarle un nuevo array vacío

Otra forma de vaciar un array en Javascript es asignándole un nuevo array vacío.

1let n = [1, 2, 3];
2const m = ["a", "b", "c"];
3
4n = [];
5m = [];
6
7console.log(n) // (output) []
8console.log(m) // (output) TypeError: Assignment to constant variable.

En este ejemplo le asignamos un nuevo array vacío [] a el array n lo cual elimina todos los elementos que tenía.

Es importante tener en cuenta que si usas la palabra reservada const para crear el array, esta sintaxis no funcionará para vaciar el array ya que las constantes no pueden ser modificadas como en el ejemplo del array m.

Haciendo uso del método splice()

También podemos usar del método splice() para vaciar un array en Javascript.

1let n = [1, 2, 3];
2let m = ["a", "b", "c"];
3
4n.splice(0, n.length);
5m.splice(0, 1);
6
7console.log(n);  // (output) []
8console.log(m);  // (output) ["b", "c"]

El método splice te permite eliminar elementos de un array desde un índice específico, este método recibe dos parámetros numéricos, el primero es el índice desde el cual quieres empezar a eliminar elementos, el segundo parámetro es la cantidad de elementos que deseas eliminar.

Haciendo uso del método pop()

y por último otra opción para vaciar un array es haciendo uso el método pop()

1let n = [1, 2, 3, 4, 5];
2
3while (n.length > 0) {
4  n.pop();
5};
6
7console.log(n)  // (output) [];

Esta es otra forma en la que puedes vaciar un array en Javascript. Haciendo uso del método pop y la estructura de bucle while() elimina todos los elementos del array uno por uno.

En todos los ejemplos anteriores los elementos se eliminan del array pero no del espacio en memoria, estos elemento siguen estando en la memoría local pero al no tener ninguna referencia el recolector de basura garbage collection de javascript los termina eliminando. Es importante tener esto en cuenta ya que tener elementos en memoría pero sin referencia podría ralentizar la ejecución de tu código.