Différence d'affichage des tableaux 2D entre CodePen et VSCode

Question

alors je me retrouve avec le même soucis avec un tableau 2D :
// Création d'un tableau
// 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'];
console.log(monTableau);
console.log(monTableau2);
console.log(monTableau3);
// Création d'un tableau 2D
// Méthode 1 : la plus ancienne
let monTableau2D_1 = new Array(
Array('Marc', 'Jeff', 'Bill'),
Array('Zuckerberg','Bezos', 'Gates')
);
console.log(monTableau2D_1);
// Méthode 2 : Actuelle à utiliser
let montableau2D_2 = [
['Marc', 'Jeff', 'Bill'],
['Zuckerberg','Bezos', 'Gates']
];
console.log(montableau2D_2);
a priori codepen affiche les propriété du tableau et le contenu :
vscode n'affiche pas le contenu du tableau 2d :
Pourquoi vscode n'affiche pas le contenu du tableau 2d ?

Louis-Nicolas Leuillet · Accepted Answer

Effectivement, tu as bien trouvé ! Le souci vient de Node.js qui, par défaut, tronque l'affichage des objets imbriqués dans console.log . Au lieu d'afficher le contenu complet de ton tableau 2D, il te montre quelque chose comme [ [Array], [Array] ] . C'est un comportement normal de Node, pas un bug de VS Code en soi.
console.table est une très bonne solution, elle rend le résultat bien lisible. Tu as aussi une autre option si tu veux garder console.log : utiliser JSON.stringify pour forcer l'affichage complet :
console.log(JSON.stringify(montableau2D_2));
Ceci te donnera :
[["Marc","Jeff","Bill"],["Zuckerberg","Bezos","Gates"]]
Après il y a encore une autre méthode, plus spécifique à Node.js, avec le module util :
const util = require('util');
console.log(util.inspect(montableau2D_2, { depth: null }));
Mais bon, pour du travail au quotidien, console.table reste la solution la plus pratique et la plus rapide.
Honnêtement reste sur console.table si tu veux réellement voir ton résultat dans VSCode.
Tu as eu le bon réflexe de chercher par toi-même, c'est comme ça qu'on progresse !

René Barousse · Answer

je vais me répondre à moi même :
après quelques recherche sur le net, cela semble être lié à vscode et node, la seule solution rapide que j'ai trouvé est de changer console.log en console.table :
console.table(monTableu2D_2);
qui me fait un petit shema du tableau dans la console.
peut tu confirmer ou non cette solution ?

Différence d'affichage des tableaux 2D entre CodePen et VSCode

Formation JavaScript (legacy)