Template Literals
Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 3 / 65.
Template literal'lar, dizeler oluşturmak için ters tırnak `` kullanır ve ${} kullanarak ifadeler eklemenize olanak tanır. Örneğin, selamlamalar oluştururken, isimleri veya diğer verileri doğrudan template literal içine dinamik olarak yerleştirebilirsiniz.
Örnek:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// userName değişkenini dizenin içine yerleştirirŞablon dizileri (Template literals), \n kaçış karakterine ihtiyaç duymadan çok satırlı dizeleri de destekler. Yeni bir satır için sadece Enter tuşuna basabilirsiniz ve satır sonu çıktıda korunacaktır. Her iki yaklaşım da çalışır:
// \n kullanarak
const message1 = `Line 1\nLine 2`;
// Gerçek satır sonlarını kullanarak
const message2 = `Line 1
Line 2`;Her ikisi de aynı sonucu verir
Görev
KolayBir isim dizisi alan ve tek bir dize döndüren greetAll adında bir fonksiyon oluşturun. Dizideki her isim, Hello, <Name>! formatında bir satır oluşturmalı ve bu satırlar yeni satır karakterleriyle birleştirilerek tek bir dize haline getirilmelidir. Karşılama satırları için şablon dizimleri (template literals) kullanın.
Kopya kağıdı
Şablon dizileri (template literals), dizeler oluşturmak için ters tırnak `` kullanır ve ${} kullanarak ifadeler eklemenize olanak tanır:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// userName'i dizenin içine yerleştirirŞablon dizileri, \n kaçış karakterlerine ihtiyaç duymadan çok satırlı dizeleri destekler:
// \n kullanarak
const message1 = `Line 1\nLine 2`;
// Gerçek satır sonlarını kullanarak
const message2 = `Line 1
Line 2`;
// Her ikisi de aynı sonucu verirKendin dene
function greetAll(names) {
// Kodunuzu buraya yazın
}
// Fonksiyon dışına hiçbir şey yazmayın
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Mantık ve Akış bölümündeki tüm dersler
1Derinlemesine Stringler
String TemelleriString Üzerinde YinelemeTemplate LiteralsString MetotlarıÖzet - String Weaver4JSON Bölüm 2
JSON Üzerinde Yinelemeİç İçe Geçmiş JSONJSON Optional ChainingSığ ve Derin KopyalamaÖzet - Bisiklet MağazasıÖzet - Güneş Sistemi7Kütüphane Yönetim Sistemi
Projeye Genel BakışKitap Ekleme
Başlığa Göre AramaTüre Göre FiltrelemeOkundu Olarak İşaretle10Festival Sistemi Yönetimi
Projeye Genel BakışFilm ve Mekan EkleGösterim EkleBilet Satın AlFilmleri PuanlaGösterimleri İptal Et2Çok Boyutlu Diziler
2D Dizi Temelleri2D Dizi Elemanlarına Erişme2D Dizilerle İç İçe DöngülerÖzet - 2D DizilerMatris Toplama ve ÇıkarmaDüzensiz Diziler3D Diziler ve ÖtesiYaygın 2D Dizi DesenleriÖzet - Diziler Hakkında Her Şey5Kümeler Bölüm 1
Küme Nedir?Kümeler Üzerinde YinelemeEleman EklemeEleman SilmeEleman Varlığını Kontrol EtmeBoyut ve Boş Olma DurumuKopyalama ve TemizlemeÖzet - Kümelerin Temelleri8Diziler: İlginç Konular
Dizi Yapı SökümüDizilerde Spread SözdizimiSeyrek DizilerÖzet - Diziler Workshop3JSON Bölüm 1
JSON Nedir?Anahtarın Varlığını Kontrol EtmeNesne MetotlarıSpread Operatörü Bölüm 1Spread Operatörü Bölüm 2Anahtarları KaldırmaÖzet - JSON Anahtarlarını Yönetme