JavaScript Déclarer un tableau vide

1. Exemple de déclaration d’un tableau vide par JavaScript
2. Différence entre deux façons de déclarer un tableau vide en JavaScript

JavaScript permet de déclarer un tableau vide de différentes manières. Une façon est de déclarer le tableau avec les crochets, comme ci-dessous.

var array1 = [];

L’autre façon est d’utiliser la méthode du constructeur en laissant le paramètre vide.

var array1 = new Array();

Exemple de déclaration d’un tableau vide par JavaScript

// Wider scope variable array:
var array1 = [];

// Local scope variable array:
let array2 = [];

let array3 = new Array();

console.log({array1, array2, array3});

Production :

{array1: Array(0), array2: Array(0), array3: Array(0)}

Différence entre deux façons de déclarer un tableau vide en JavaScript

Si nous utilisons la méthode du constructeur new Array(), nous pouvons passer un nombre dans le constructeur représentant la longueur d’un tableau.

Exemple :

let array1 = new Array(4);
console.log(array1.length);
let array2 = [];
console.log(array2.length);

Production :

4
0

A ce stade, new Array(4) n’ajoutera pas réellement quatre éléments undefined au tableau. Il ajoute juste de l’espace pour quatre éléments.

Exemple :

let array1 = new Array(4);
console.log(array1[0]);
console.log(array1[1]);
console.log(array1[2]);
console.log(array1[3]);

Production :

undefined
undefined
undefined
undefined

Soyez conscient que vous ne pouvez pas vous fier à array.length pour les calculs lorsque vous voulez vérifier le tableau vide.

Exemple :

let array1 = new Array(4);
let array2 = [];
array1.push('orange');
array2.push('orange');
console.log({array1, array2});

Production :

{ array1: [ <4 empty items>, 'orange' ], array2: [ 'orange' ] }