CodeBlanks Logo Icon CodeBlanks

Özet - Dize temelleri

JavaScript kursu · Başlangıç · Ders 35/133

Dize oluşturma, birleştirme ve template literals ile bir karşılama mesajı oluşturursun.

Dize temelleri özeti

Bu grupta dize oluşturmayı, length ve karakter erişimini, + ile birleştirmeyi, template literal'ları ve kaçış dizilerini öğrendin.

Dize tek ya da çift tırnakla yazılır; "merhaba".length karakter sayısını, "merhaba"[0] ilk karakteri verir. + iki dizeyi birleştirir, bir taraf sayıysa onu dizeye çevirir.

Ters tırnak ve ${} ile ifade gömme daha okunaklıdır. \n, \t, \\ ile özel karakterleri yazarsın.

Uygulama Karşılama mesajını + ile birleştir

firstName ve lastName değişkenlerini dize olarak tanımla (TR için "Ayşe" ve "Yılmaz"; EN için "Alex" ve "Smith"). greeting değişkenini firstName + " " + lastName olarak tanımla. greeting'i console.log ile yazdır.

Örnek çözümü göster
const firstName = "Ayşe";
const lastName = "Yılmaz";
const greeting = firstName + " " + lastName;
console.log(greeting);

Uygulama İki satırlık makbuz oluştur

product değişkenini "Kalem" (TR) / "Pen" (EN) dizesi olarak, price değişkenini 12.5 sayısı olarak tanımla. receipt değişkenini template literal ile oluştur; birinci satırda ${product}, ardından \n kaçışı, ikinci satırda ${price} lira yaz. receipt'i console.log ile yazdır.

Örnek çözümü göster
const product = "Kalem";
const price = 12.5;
const receipt = `${product}\n${price} lira`;
console.log(receipt);

Kendini test et

  1. Kavramları eşleştir

    "dize"
    Çift tırnakla dize
    dize.length
    Karakter sayısı
    a + b
    Birleştirme
    `x ${y}`
    Template literal
  2. Hangisi ifade gömmeye (interpolation) izin verir?

    • 'merhaba ${name}'
    • `merhaba ${name}`
    • "merhaba ${name}"
    • [merhaba ${name}]
    Cevabı göster

    `merhaba ${name}` — Doğru. Yalnızca ters tırnak (template literal) içindeki ${} ifadesi değerlendirilir.

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