JavaScript Declarar Array Vacío
Kirill Ibrahim
12 octubre 2023
- Ejemplo de declaración de JavaScript de un array vacía
- Diferencia entre dos maneras de declarar un array vacío en JavaScript
![JavaScript Declarar Array Vacío](/img/JavaScript/feature-image---javascript-declare-empty-array.webp)
JavaScript tiene diferentes maneras de declarar un array vacía. Una forma es declarar del array con los corchetes, como abajo.
var array1 = [];
La otra forma es usar el método constructor dejando el parámetro vacío.
var array1 = new Array();
Ejemplo de declaración de JavaScript de un array vacía
// Wider scope variable array:
var array1 = [];
// Local scope variable array:
let array2 = [];
let array3 = new Array();
console.log({array1, array2, array3});
Resultado:
{array1: Array(0), array2: Array(0), array3: Array(0)}
Diferencia entre dos maneras de declarar un array vacío en JavaScript
Si usamos el método constructor new Array()
, podemos pasar un número en el constructor que representa la longitud de un array.
Ejemplo:
let array1 = new Array(4);
console.log(array1.length);
let array2 = [];
console.log(array2.length);
Resultado:
4
0
En este punto, new Array(4)
no añadirá realmente cuatro elementos undefined
al array. Sólo añade espacio para cuatro elementos.
Ejemplo:
let array1 = new Array(4);
console.log(array1[0]);
console.log(array1[1]);
console.log(array1[2]);
console.log(array1[3]);
Resultado:
undefined
undefined
undefined
undefined
Ten en cuenta que no puedes confiar en array.length
para los cálculos cuando quieres comprobar sobre el array vacío.
Ejemplo:
let array1 = new Array(4);
let array2 = [];
array1.push('orange');
array2.push('orange');
console.log({array1, array2});
Resultado:
{ array1: [ <4 empty items>, 'orange' ], array2: [ 'orange' ] }