console.table în JavaScript

console.table(date, coloane)

Ce face console.table

console.table este cea mai rapidă metodă de a citi o listă de obiecte: fiecare element devine un rând, iar fiecare proprietate o coloană. Prima coloană, (index), conține indicele sau cheia.

Al doilea parametru, opțional, este un tablou cu numele coloanelor de afișat. Valorile care nu sunt tablouri sau obiecte sunt afișate ca la console.log.

Parametri

Parametru	Descriere
date	Un tablou sau un obiect.
coloane	Opțional. Coloanele afișate.

Ce returnează

undefined.

Exemple

Exemplul 1: O listă de produse

const produse = [
  { nume: "Mouse", pret: 89, stoc: 12 },
  { nume: "Monitor", pret: 899, stoc: 3 },
];

console.table(produse);
console.table(produse, ["nume", "pret"]);

Rezultat

┌─────────┬───────────┬──────┬──────┐
│ (index) │ nume      │ pret │ stoc │
├─────────┼───────────┼──────┼──────┤
│ 0       │ 'Mouse'   │ 89   │ 12   │
│ 1       │ 'Monitor' │ 899  │ 3    │
└─────────┴───────────┴──────┴──────┘
┌─────────┬───────────┬──────┐
│ (index) │ nume      │ pret │
├─────────┼───────────┼──────┤
│ 0       │ 'Mouse'   │ 89   │
│ 1       │ 'Monitor' │ 899  │
└─────────┴───────────┴──────┘

Exemplul 2: Un obiect

console.table({ Iași: 271692, Cluj: 286598 });

Rezultat

┌─────────┬────────┐
│ (index) │ Values │
├─────────┼────────┤
│ Iași    │ 271692 │
│ Cluj    │ 286598 │
└─────────┴────────┘

Greșeli frecvente

• Folosești console.table pentru obiecte adânc imbricate. Afișează bine doar primul nivel; pentru restul folosește console.dir.

Comenzi înrudite

• console.log: Afișează texte, numere, tablouri sau obiecte în consolă.
• console.dir: Afișează proprietățile unui obiect; în Node.js poți alege adâncimea, iar în browser vezi elementele DOM ca obiecte.
• JSON.stringify: Transformă un obiect sau tablou JavaScript în text JSON.