console.table ile tablolar

Dizi ve nesneleri tablo olarak gösteren console.table metodunu öğrenirsin.

console.table ile tablolar

console.table, dizileri ve nesneleri tablo biçiminde gösterir. Bir diziyi verirsen her öğe bir satır olur; satır numarası ve değer sütun olarak görünür.

Bir nesne verirsen her özellik bir satır, anahtar ve değer sütun olur. İç içe dizilerde (dizi içinde nesneler) her nesnenin özellikleri sütun başlığı olur. Bu, çok veriyi hızlıca incelemek için idealdir.

Sütunları seçmek

console.table'a ikinci bir argüman vererek hangi sütunların gösterileceğini seçebilirsin. Bu argüman bir özellik adı ya da özellik adları dizisidir.

Örnek: console.table(students, "name"). Böylece yalnızca name sütunu görünür. Bu, geniş nesnelerde gürültüyü azaltır ve ilgilenilen alanı ön plana çıkarır. Çok sütunlu bir veride hangi alanın önemli olduğunu hızlıca görmek için pratik bir yoldur.

Uygulama Öğrenci dizisini tabloyla göster

students adında bir dizi tanımla. Her öğesi name ve grade özelliklerine sahip bir nesne olsun (en az iki öğe ekle). Sonra console.table(students) çağrısıyla diziyi tablo olarak yazdır.

Örnek çözümü göster

const students = [
  { name: "Ayşe", grade: 85 },
  { name: "Mehmet", grade: 72 }
];
console.table(students);

Kendini test et

Hangi veri console.table ile en iyi görünür?
- Nesnelerden oluşan dizi
- Tek bir sayı
- Boolean değer
- null
Cevabı göster

Nesnelerden oluşan dizi — Doğru. Nesne dizileri her nesnenin özelliğini sütun yapar.

Tablo metodunu ekle

const students = [
  { name: "Ayşe", grade: 85 }
];
console.____(students);

Cevabı göster

const students = [
  { name: "Ayşe", grade: 85 }
];
console.table(students);

Girişi sütunlara eşleştir

Dizi

Satır numarası + değer
Nesne

Özellik adı + değer
Dizi içinde nesneler

Sütun başlıkları özelliklerden
Boş dizi

Boş tablo

Sıradaki ders: console.group ve groupEnd

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler