CodeBlanks Logo Icon CodeBlanks

Özet - Konsol metotları

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

console.group ve console.table ile bir veri setini düzenli şekilde yazdırırsın.

Özet - Konsol metotları

Bu grupta öğrendiğin konsol metotları farklı ihtiyaçlara yöneliktir. console.log genel çıktı, warn ve error uyarı ile hata, table tablo görünümü, group düzenli gruplar, time ise süre ölçümü içindir.

Doğru metodu kullanmak çıktıları daha okunaklı yapar ve hata ayıklamayı hızlandırır. Şimdi bir veri setini hem gruplayarak hem de tabloyla göstererek bunları bir arada kullanacaksın.

Uygulama Ürünleri grupla ve tabloyla göster

products adında bir dizi tanımla. Her öğesi name ve price özelliklerine sahip bir nesne olsun (en az iki öğe). Sonra console.group("Ürünler") ile bir grup aç, içeride console.table(products) çağrısı yap ve console.groupEnd() ile grubu kapat.

Örnek çözümü göster
const products = [
  { name: "Kalem", price: 25 },
  { name: "Defter", price: 40 }
];

console.group("Ürünler");
console.table(products);
console.groupEnd();

Uygulama Toplam süresini ölç ve yazdır

console.time("toplam") ile bir süreölçer başlat. let total = 0 ile biriktirici değişkeni sıfırla. for (let i = 1; i <= 100; i++) döngüsüyle her i değerini total'a ekle. Sonra console.timeEnd("toplam") ile süreyi yazdır ve console.log("Toplam:", total) ile sonucu yazdır.

Örnek çözümü göster
console.time("toplam");
let total = 0;
for (let i = 1; i <= 100; i++) {
  total += i;
}
console.timeEnd("toplam");
console.log("Toplam:", total);

Kendini test et

  1. Metodu amacına eşleştir

    console.log
    Genel çıktı
    console.warn
    Uyarı mesajı
    console.error
    Hata mesajı
    console.table
    Dizi/Nesne tablosu
    console.group
    Çıktıları gruplama
  2. Süreölçeri durdur

    console.time("sorgu");
    // sorgu çalışıyor
    console.____("sorgu");
    Cevabı göster
    console.time("sorgu");
    // sorgu çalışıyor
    console.timeEnd("sorgu");

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