web-dev-qa-db-fra.com

Pourquoi console.table () ne fonctionne-t-il pas pour tous les objets/tableaux?

Pourquoi console.table() ne fonctionne-t-il pas avec tous les objets/tableaux?

Avec certaines données, je reçois un tableau bien formaté dans la console du développeur. Avec d'autres données, je ne reçois rien ... pas même un message d'erreur.

Je viens d’apprendre à propos de console.table() en parcourant les défis de # Javascript30 . Le présentateur a utilisé console.table() pour certaines sorties, mais pas toutes, et il n’a pas expliqué pourquoi. J'ai essayé de l'utiliser pour toutes les sorties (tableau ou objet) et j'ai compris pourquoi ... cela ne fonctionne pas.

Voici un exemple de celui qui ne fonctionne pas.

const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ];

const transportation = data.reduce((counters, item) => {
  if (!counters[item]) counters[item] = 0;
  counters[item]++;
  return counters;
}, {});
console.log('transportation table');
console.table(transportation);

console.log('transportation log');
console.log(transportation);
<h1>Look at the console!</h1>

Je m'attendais à ce que console.table() renvoie quelque chose comme ceci:

MDN Example

... sauf que la colonne (index) contient voiture, camion, vélo, etc. et que la colonne Valeurs contient le nombre.

Update: Apparemment, console.table() ne fonctionne pas avec les extraits de code de SO ... ce qui signifie que cela fonctionne exactement de la même manière que sur les navigateurs: P J'ai donc posté un exemple du problème sur CodePen: http://codepen.io/VAggrippino/pen/qRraEP

C'était le 4ème défi, Array Cardio 1 pour ceux d'entre vous qui le suivent.

Je me rends compte que ce n'est pas strictement une question de programmation/Javascript car la console est une fonctionnalité du navigateur, pas le langage ou le DOM. Je pense que c'est pertinent parce que le navigateur est un outil essentiel utilisé par tous les développeurs Web et que tous les principaux navigateurs le prennent en charge.

Je vous remercie.

javascriptbrowser
15
Vince

Ouvrez simplement un nouvel onglet et ouvrez votre console et tapez console.table ([['1', '2', '3']]); et exécutez-le, puis essayez d'exécuter votre fichier et voyez si cela fonctionne ou non. mais pour moi cela a fonctionné!

0
user9189630

J'ai rencontré le même problème dans cardio array (wesbos JS30). J'ai joué un peu avec console.table (quelque chose) et les étapes suivantes m'ont aidé.

  1. Exécutez le programme avec f1 (quelle que soit la clé utilisée, j'utilise le code Visual Studio).
  2. Vérifiez votre console si cela fonctionne bien et bien.
  3. Si cela ne fonctionne pas, actualisez votre page actuelle et vérifiez votre console maintenant.

Je ne sais pas comment cela fonctionne, mais cela a fonctionné pour moi. Je suis heureux si cela vous aide et si vous avez trouvé une solution efficace, n'hésitez pas à modifier ce message

0
karri jayanth