CodeBlanks Logo Icon CodeBlanks

console.table ile tablolar

JavaScript kursu · Başlangıç · Ders 113/133

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

  1. 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.

  2. 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);
  3. 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

Başlangıç bölümündeki tüm dersler