Çok Satırlı Dizeler
Kaçış karakterleri kullanmadan okunabilir çok satırlı metinler yazın.
Çok Satırlı Dizeler, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 2. 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.
Eski Yöntem
Şablon dizelerinden önce çok satırlı bir dize, açıkça yazılmış satır sonu kaçış dizileri veya satırlar boyunca dize birleştirme gerektirirdi. Bu yöntem hem uzundu hem de hataya açıktı.
const old = "Line 1\nLine 2\nLine 3"
console.log(old)Şablon Dizeleri Satırlara Yayılır
Ters tırnaklarla yazılan bir şablon dizesi, kaynak kodunda gerçek satır sonları içerebilir. Yazdığınız her satır sonu, dizede bir satır sonuna dönüşür.
Çalıştırılabilir örnek, aynı çıktıyı kaçış dizilerini kullanarak yeniden oluşturur.
const text = "First\nSecond\nThird"
console.log(text)Boşluk Karakterleri Korunur
Çok satırlı bir şablonun içindeki girintiler ve boşluklar, yazıldıkları şekliyle aynen korunur. Biçimlendirilmiş çıktı üretirken bu önemlidir.
const block = " indented\n more indented"
console.log(block)Paragraflar Oluşturma
Çok satırlı dizeler, metin paragrafları, e-posta gövdeleri veya şablonlar için kullanışlıdır. Burada kısa bir ileti oluşturuyoruz.
const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)Satırları Sayma
Tek tek satırları saymak veya işlemek için çok satırlı bir dizeyi satır sonu karakterinde bölebilirsiniz.
const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)Çok Satırlı Dize Oluşturma
Bir satır dizisi, program aracılığıyla çok satırlı bir dize oluşturmak için satır sonu ayırıcısıyla birleştirilebilir.
const parts = ["one", "two", "three"]
console.log(parts.join("\n"))Enterpolasyonla Birleştirme
Çok satırlı şablonlar, yer tutucular da içerebilir; böylece dinamik değerler satır sonlarıyla bir araya gelir. Örnek, sonucu göstermek için birleştirme kullanır.
const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)Sekmeler ve Özel Karakterler
Sütunları hizalamak için çok satırlı dizelerin içinde bile sekme kaçış dizisini kullanarak sekme karakterleri ekleyebilirsiniz.
const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)Fazladan Satırları Kırpma
Çok satırlı dizelerde bazen başta veya sonda boş satırlar bulunur. trim yöntemi, satır sonları da dâhil olmak üzere çevredeki boşluk karakterlerini kaldırır.
const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")Kod Metni Üretme
Çok satırlı dizeler, kaynak kodu parçacıklarını veya yapılandırmayı metin çıktısı olarak üretmek için kullanışlıdır.
const code = "function add(a, b) {\n return a + b\n}"
console.log(code)Satır Uzunluğuna Dikkat Etme
Çok satırlı bir şablonun yazdığınız her satır sonunu içerdiğini unutmayın. Yanlışlıkla eklenen satır sonları beklenmedik boşluklar oluşturabilir; bu nedenle biçimlendirmeyi bilinçli yapın.
const a = "no break here and here"
console.log(a.length)Kısa Kontrol
Çok satırlı dizeleri anlayıp anlamadığınızı kontrol edin.
Özet
Özet: Şablon dizeleri, gerçek çok satırlı metin kullanılmasına olanak tanır.
- Kaynak kodundaki satır sonları dizedeki satır sonlarına dönüşür
- Boşluk karakterleri aynen korunur
- Dinamik bloklar için enterpolasyonla birleştirin
- Satırları işlemek için split ve join kullanın
console.log("Line A\nLine B")Sıkça Sorulan Sorular
“Çok Satırlı Dizeler” dersi ücretsiz mi?
Evet — “Çok Satırlı Dizeler” 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.
“Çok Satırlı Dizeler” dersinde ne öğreneceğim?
Kaçış karakterleri kullanmadan okunabilir çok satırlı metinler yazı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 2. dersidir.
“Çok Satırlı Dizeler” 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
- Dize Aradeğiştirme Temelleri
- Çok Satırlı Dizeler
- Etiketli Şablon İşlevleri
- Etiketli Şablonların Pratik Kullanım Alanları