CodeBlanks Logo Icon CodeBlanks

Intl.NumberFormat

JavaScript kursu · Uzman · Ders 53/63

Intl.NumberFormat ile dile ve bölgeye özgü sayı ve para birimi formatlamayı öğrenirsin.

Intl.NumberFormat

Intl.NumberFormat ile sayıları dile ve bölgeye göre biçimlendirirsin. Her bölge kendi binlik ayracı ve ondalık işaretini kullanır: Türkiye'de 1.234,56; ABD'de 1,234.56. Constructor'a bir locale dizesi verirsin: 'tr-TR', 'en-US', 'de-DE'. format metodu bir sayı alır ve biçimli dizeyi döndürür. options nesnesi ile stil, ondalık basamak sayısı ve para birimi denetlenir. Yeni bir biçimleyici gerektiğinde constructor'u tekrar çağırman yeterlidir.

Para birimi biçimlendirme

Para birimi biçimlendirmek için style: 'currency' verirsin ve currency alanına ISO 4217 kodunu yazarsın: 'TRY', 'EUR', 'USD'. Çıktıya sembol mü yoksa kod mu geleceğini currencyDisplay ile seçersin: 'symbol', 'narrowSymbol', 'code', 'name'. Ondalık basamak sayısı minimumFractionDigits ve maximumFractionDigits ile denetlenir. Para birimlerinde genelde iki basamak standarttır; Japon yeni gibi istisnalar sıfır basamakla gösterilir.

Uygulama EUR para birimi biçimleyici

'de-DE' locale'inde bir Intl.NumberFormat oluştur. style 'currency', currency 'EUR' olsun. format metodunu 49.99 sayısıyla çağır ve sonucu price değişkenine ata.

Örnek çözümü göster
1. new Intl.NumberFormat('de-DE', { ... }) ile oluştur.
2. options içinde style 'currency' ve currency 'EUR' ver.
3. .format(49.99) ile biçimle ve price'a ata.

Örnek çözüm:
const price = new Intl.NumberFormat('de-DE', {
  style: 'currency',
  currency: 'EUR'
}).format(49.99);

Kendini test et

  1. Intl.NumberFormat options nesnesindeki style alanı neyi belirler?

    • Biçimlendirme türünü: decimal, currency, percent veya unit
    • Sayının kaç basamaklı olacağını
    • Hangi locale'nin kullanılacağını
    • Çıktının büyük harf olup olmayacağını
    Cevabı göster

    Biçimlendirme türünü: decimal, currency, percent veya unit — Doğru. style alanı biçimlendirme türünü belirler; currency seçilince currency kodu da gerekir.

  2. EUR kodunu ekle

    const price = new Intl.NumberFormat('tr-TR', { style: 'currency', currency: ____ }).format(1250);
    Cevabı göster
    const price = new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'EUR' }).format(1250);
  3. Seçenekleri anlamına eşleştir

    style
    Biçimlendirme türü
    currency
    ISO 4217 kodu
    minimumFractionDigits
    En az ondalık basamak
    currencyDisplay
    Sembol mü kod mu

Uzman bölümündeki tüm dersler