Écraser ou vider un tableau JavaScript : différences de comportement

Question

Voici un code que je teste et c'est volontaire :
// Méthode 1 : la plus ancienne
let monTableau = new Array('un', 'deux', 'trois');
// Méthode 2 : intermédiaire
let monTableau2 = Array('un', 'deux', 'trois');
// Méthode 3 : méthode actuelle à utiliser
let monTableau3 = ['un', 'deux', 'trois'];
monTableau = ('');
console.log(monTableau);
Je souhaite, je sais pas quel est le mot : détruire, effacer ou écraser mon tableau.
CodePen dans la console affiche "" . VSCode dans la console n'affiche rien. Je suppose que les 2 ont raison, mon tableau est bien écrasé, mais pourquoi rien ou "" ?

Louis-Nicolas Leuillet · Accepted Answer

Alors, ce qui se passe avec monTableau = ('') , c'est que tu ne vides pas ton tableau : tu remplaces carrément la variable par une chaîne de caractères vide '' . Les parenthèses ici ne changent rien, c'est comme écrire monTableau = '' . Du coup ta variable ne contient plus un tableau mais une simple string vide.
C'est pour ça que CodePen t'affiche "" (une chaîne vide) et que VS Code n'affiche rien (parce qu'une chaîne vide, ben… c'est vide). Les deux ont raison, c'est juste une différence d'affichage dans la console.
Si tu veux réellement vider un tableau tout en gardant le type tableau, la bonne façon c'est de lui réassigner un tableau vide :
monTableau = [];
console.log(monTableau); // []
Tu peux aussi utiliser monTableau.length = 0; qui vide le tableau existant sans en créer un nouveau (utile si d'autres variables pointent vers le même tableau). Mais dans la majorité des cas, monTableau = [] fait parfaitement l'affaire. Le mot que tu cherches, c'est plutôt « réinitialiser » ou « vider » le tableau. « Écraser » marche aussi, mais dans ton cas tu écrasais avec une string, pas avec un tableau vide 😉

Écraser ou vider un tableau JavaScript : différences de comportement

Formation JavaScript (legacy)