JavaScript Academy · Ders

Sayıları ve Para Birimini Biçimlendirme

Yerel ayarlara uygun sayılar için Intl.NumberFormat kullanın.

Sayıları ve Para Birimini Biçimlendirme, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.

Intl Ad Alanı

Intl, yerleşik JavaScript uluslararasılaştırma arayüzüdür. Sayıları, tarihleri, para birimlerini ve daha fazlasını bir yerel ayarın kurallarına göre biçimlendirir; herhangi bir kitaplık gerekmez.

console.log(typeof Intl); // "object"
console.log(typeof Intl.NumberFormat); // "function"

Intl.NumberFormat Temelleri

Bir yerel ayarla biçimlendirici oluşturun, ardından format() çağrısını yapın. Yerel ayarlarda "en-US" veya "de-DE" gibi BCP 47 etiketleri kullanılır.

const nf = new Intl.NumberFormat("en-US");
console.log(nf.format(1234567.89)); // "1,234,567.89"

Yerel Ayar Farkları

Aynı sayı, yerel ayara göre farklı görüntülenir. Almancada binlik basamaklar için noktalar, ondalıklar için virgül kullanılır.

const n = 1234567.89;
console.log(new Intl.NumberFormat("en-US").format(n)); // 1,234,567.89
console.log(new Intl.NumberFormat("de-DE").format(n)); // 1.234.567,89

Para Birimi Biçimlendirme

style: "currency" ile bir currency kodu geçirin. Simge ve konumu yerel ayarı izler.

const usd = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
console.log(usd.format(2999.5)); // "$2,999.50"

Yerel Ayarlarda Para Birimi

Para birimi aynı kalır, ancak gösterimi seçilen yerel ayara uyarlanır.

const opts = { style: "currency", currency: "EUR" };
console.log(new Intl.NumberFormat("en-IE", opts).format(1000)); // €1,000.00
console.log(new Intl.NumberFormat("de-DE", opts).format(1000)); // 1.000,00 €

Yüzde Stili

style: "percent", değeri 100 ile çarpar ve yerel ayarın yüzde işaretini ekler.

const pct = new Intl.NumberFormat("en-US", { style: "percent" });
console.log(pct.format(0.1875)); // "19%"
console.log(new Intl.NumberFormat("en-US", { style: "percent", maximumFractionDigits: 2 }).format(0.1875)); // "18.75%"

Ondalık Basamakları Denetleme

minimumFractionDigits ve maximumFractionDigits, ondalık basamakların sayısını denetler.

const f = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
console.log(f.format(3));    // "3.00"
console.log(f.format(3.14159)); // "3.14"

Birimler

style: "unit" ile bir unit kullanarak kilometre veya litre gibi ölçümleri biçimlendirebilirsiniz.

const speed = new Intl.NumberFormat("en-US", { style: "unit", unit: "kilometer-per-hour" });
console.log(speed.format(120)); // "120 km/h"

Kompakt Gösterim

notation: "compact", büyük sayıları kısaltır (1.2K, 3.4M); sosyal medya sayıları için idealdir.

const c = new Intl.NumberFormat("en-US", { notation: "compact" });
console.log(c.format(1500));    // "1.5K"
console.log(c.format(2300000)); // "2.3M"

İşaret Gösterimi

signDisplay: "always", pozitif değerlerde bile işaret gösterir; farklar ve değişimler için kullanışlıdır.

const s = new Intl.NumberFormat("en-US", { signDisplay: "always" });
console.log(s.format(5));  // "+5"
console.log(s.format(-5)); // "-5"

Biçimlendiricileri Yeniden Kullanma

Biçimlendirici oluşturmak görece maliyetlidir. Her çağrıda yeni bir tane oluşturmak yerine bir kez oluşturup birçok değer için yeniden kullanın.

const money = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
const prices = [9.99, 19.5, 100];
console.log(prices.map((p) => money.format(p)));

Hızlı Kontrol

Sayı biçimlendirmeyi sınayın.

Özet: Sayılar ve Para Birimi

Sayıları yerel ayara göre biçimlendirdiniz; para birimi, yüzde, birim, kompakt gösterim ve işaret gösterimini kullandınız, ondalık basamakları denetlediniz ve biçimlendiricileri yeniden kullanmayı öğrendiniz. Sırada tarihler ve saatler var.

Sıkça Sorulan Sorular

“Sayıları ve Para Birimini Biçimlendirme” dersi ücretsiz mi?

Evet — “Sayıları ve Para Birimini Biçimlendirme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.

“Sayıları ve Para Birimini Biçimlendirme” dersinde ne öğreneceğim?

Yerel ayarlara uygun sayılar için Intl.NumberFormat kullanın. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Sayıları ve Para Birimini Biçimlendirme” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← JavaScript Academy Sayfasına Dön