CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

padStart ve trim

.padStart ve .trim ile dize biçimlemeyi öğrenirsin.

padStart ile doldur

Bir dizeyi belirli bir uzunluğa tamamlamak için .padStart(targetLength, padString) kullanılır. Dize, hedef uzunluğa ulaşana kadar başına padString eklenir. "5".padStart(3, "0") sonucu "005" olur.

padStart özellikle kod, telefon veya sıra numaralarını sabit genişlikte gösterirken yararlıdır. Örneğin "42".padStart(6, "0") sonucu "000042"'dir; böylece bir listede tüm kodlar aynı genişlikte hizalanır. Karşıtı .padEnd() dizenin sonuna doldurur.

trim ile kenar boşluğu

Bir dizenin başındaki ve sonundaki boşlukları (space, sekme, yeni satır) temizlemek için .trim() kullanılır. " ayşe ".trim() çağrısı "ayşe" döndürür. Kullanıcı girdisi işlerken öndeki ve sondaki boşluklar sıkça oluşur; trim bunları tek seferde kaldırır.

Yalnızca baştaki boşlukları atmak için .trimStart(), yalnızca sondakıleri atmak için .trimEnd() kullanılır. trim orijinal dizeyi değiştirmez; yeni bir dize döndürür. E-posta veya kullanıcı adı gibi alanları trim'lemek karşılaştırmaları güvenilir yapar.

Uygulama Kodu 6 haneye tamamla

code değişkeni "42" değerini taşıyor. padded adında bir değişken tanımla ve code.padStart(6, "0") sonucunu ata. Sonra padded'i console.log ile yazdır. Çıktı tek satırda 000042 olmalı.

Başlangıç kodu

index.js
const code = "42";
// padded değişkenini padStart ile tanımla ve yazdır

Örnek çözüm

index.js
const code = "42";
const padded = code.padStart(6, "0");
console.log(padded);

Beklenen çıktı

000042

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 padStart çağrısını yaz

Soru 
const code = "5";
const padded = code____(3, "0");
Cevap 
const code = "5";
const padded = code.padStart(3, "0");

Açıklama: .padStart dizenin başına doldurur.

2 "7".padStart(4, "0") sonucu ne olur?

index.js
"7".padStart(4, "0")
  • "7"
  • "7000"
  • "0007" Doğru cevap
  • "0"

Açıklama: padStart(4, "0") başa üç sıfır koyar; sonuç "0007" olur.

3 Metodu işlevine eşle

Kavram Anlamı
.padStart(n, x) Başa doldurur
.padEnd(n, x) Sona doldurur
.trim() Kenar boşluklarını atar
.trimStart() Yalnız baştakinini atar

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

1 Node.js temelleri

  1. Node.js nedir?
  2. İlk program
  3. ES modules
  4. package.json
  5. CommonJS vs ESM
  6. Özet - Node.js temelleri

2 Değişkenler

  1. let ve const
  2. var ve scope
  3. Tür çıkarımı
  4. Destructuring
  5. Spread ve rest
  6. Özet - Değişkenler

3 Veri türleri

  1. Primitif türler
  2. Template literals
  3. Number ve Math
  4. Symbol
  5. typeof
  6. Özet - Veri türleri

4 Proje: Hesap makinesi

  1. Proje tasarımı
  2. Toplama ve çıkarma
  3. Çarpma ve bölme
  4. process.argv
  5. Birleştirme

5 Operatörler

  1. Aritmetik operatörler
  2. Atama operatörleri
  3. Karşılaştırma operatörleri
  4. Mantıksal operatörler
  5. Nullish coalescing
  6. Özet - Operatörler

6 Dizeler

  1. String metotları
  2. String arama
  3. substring ve slice
  4. replace ve split
  5. padStart ve trim
  6. Özet - Dizeler

7 Koşullar

  1. if deyimi
  2. else ve else if
  3. switch
  4. Ternary
  5. Optional chaining
  6. Özet - Koşullar

8 Döngüler

  1. for döngüsü
  2. while döngüsü
  3. for...of
  4. for...in
  5. break ve continue
  6. Özet - Döngüler

9 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. Sepeti listeleme
  5. Birleştirme

10 Diziler

  1. Dizi tanımlama
  2. Dizi erişimi
  3. push ve pop
  4. shift ve unshift
  5. splice ve slice
  6. Özet - Diziler

11 Dizi metotları

  1. map
  2. filter
  3. reduce
  4. find ve some
  5. forEach
  6. Özet - Dizi metotları

12 Nesneler

  1. Nesne literal
  2. Özellik erişimi
  3. Computed property
  4. Object methods
  5. Object spread
  6. Özet - Nesneler

13 Fonksiyonlar

  1. Fonksiyon tanımlama
  2. Return değerleri
  3. Arrow functions
  4. Default parametreler
  5. Rest parametreleri
  6. Özet - Fonksiyonlar

14 Callback'ler

  1. Callback nedir?
  2. Higher-order functions
  3. forEach ile callback
  4. Error-first callback
  5. Callback hell
  6. Özet - Callback'ler

15 Proje: Yapılacaklar listesi

  1. Görev modeli
  2. Görev ekleme
  3. Görev listeleme
  4. Görev tamamlama
  5. Birleştirme

16 Promise'lar

  1. Promise nedir?
  2. then ve catch
  3. Promise.all
  4. Promise.race
  5. finally
  6. Özet - Promise'lar

17 async/await

  1. async function
  2. await
  3. try/catch
  4. Promise.all ile await
  5. Sequential await
  6. Özet - async/await

18 fs modülü

  1. fs.promises
  2. readFile
  3. writeFile
  4. appendFile
  5. existsSync
  6. Özet - fs modülü

19 path modülü

  1. path.join
  2. path.resolve
  3. path.parse
  4. path.dirname ve basename
  5. path.extname
  6. Özet - path modülü

20 Başlangıç finali

  1. Proje tasarımı
  2. Veri modeli
  3. İş mantığı
  4. fs ile kalıcılık
  5. Birleştirme