JavaScript Declarar Array Vacío

1. Ejemplo de declaración de JavaScript de un array vacía
2. Diferencia entre dos maneras de declarar un array vacío en JavaScript

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' ] }