Yükleniyor...

JavaScript dizeleri

Bir değerin string olabileceğini biliyorsunuz. Bu oturum metinde kalır: tırnak içinde yazmak, karakter saymak, parçaları birleştirmek, içine tırnak koymak ve sayfada mesaj göstermek. slice ve toUpperCase gibi araçlar sonraki oturumda.

JavaScript'te dizeler nasıl çalışır?

Dize, motorun tek değer saydığı metindir. Tek, çift tırnak veya backtick (`) ile yazarsınız. "Merhaba" ve 'Merhaba' dizedir; tırnaksız 42 sayıdır. length özelliği karakter sayısını verir (boşluk da sayılır). + ile birleştirin veya template literal ve ${…} ile satır kurun. Ters eğik çizgi (\) aynı tür tırnağı içine almanızı sağlar. Kullanıcı görsün diye textContent kullanın.

Dize araç kutusu

📊 Yeni başlayanın önce kullandığı metin araçları

Fikir Örnek Sonuç / not
Çift tırnak let s = "Hi"; Tür string
Tek tırnak let s = 'Hi'; Aynı tür string
length "Hi".length 2 (karakter)
+ ile birleştirme "Hi" + "!" "Hi!"
Escape "Say \"hi\"" Aynı stilde tırnak
Template ` Hi, ${name} ` name değerini yerleştirir

Metni tırnak içinde yazın

Bir stil seçin ve aynıyla kapatın. "" geçerli boş dizedir.

Tek ve çift tırnaklı dizeler

javascript 
let greeting = "Hello";
let city = 'Tehran';
console.log(greeting);
console.log(city);
console.log(typeof greeting);

length ile karakter sayın

length özelliktir, işlev değil — .length yazın, .length() değil. Boşluk da karakterdir.

Dize uzunluğu

javascript 
let word = "JavaScript";
console.log(word.length);
console.log("Hi there".length);

Dizeleri + ile birleştirin

+ operatörü metni yapıştırır. Bir taraf dizeyse diğeri çoğu zaman metne döner — bu yüzden "Score: " + 10 → "Score: 10". Sayı ve metni karıştırırken bunu unutmayın.

+ ile birleştirme

javascript 
let first = "Ada";
let last = "Lovelace";
let full = first + " " + last;
console.log(full);
console.log("Score: " + 10);

Dizenin içine tırnak koyun

İki kolay yol: tırnak stilini değiştirin veya ters eğik çizgiyle escape edin.

Dize içinde tırnak

javascript 
let a = "She said \"hello\"";
let b = 'It\'s ready';
console.log(a);
console.log(b);

Template literal (backtick)

Backtick ile dize yazıp ${…} ile değer koyabilirsiniz — sözcük ve değişken karışık mesajlar için uygundur.

Yer tutuculu template literal

javascript 
let name = "Sam";
let line = `Hello, ${name}!`;
console.log(line);

Diziyi sayfada gösterin

Mesajı oluşturun, sonra textContent ile atayın; paragraf düz metin gösterir.

Sayfa bir karşılama dizesi gösterir

html 
<!DOCTYPE html>
<html>
<head>
<title>Strings — greeting on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let user = "guest";
let msg = `Welcome, ${user}!`;
document.getElementById("out").textContent = msg;
</script>
</body>
</html>

Paragraf karşılamayı gösterir. Yalnızca user değerini değiştirin, yenileyin ve yeni satırı kontrol edin.

Kendiniz deneyin

  1. Çift ve tek tırnaklı birer let oluşturun; ikisini ve typeof değerini yazdırın.
  2. "JavaScript" ve boşluklu kısa bir ifade için .length yazdırın.
  3. Ad ve soyadı + ve boşlukla birleştirin; sonucu yazdırın.
  4. İçinde kesme veya çift tırnak olan bir dize yazın (escape veya stil değiştirme).
  5. Bir let name ile `Hello, ${name}!` kurun ve yazdırın.
  6. HTML demoda yalnız user değiştirin, yenileyin, yeni karşılamayı okuyun.

Sık hatalar

  • Tırnaksız let s = Hello; — motor Hello adlı değişken arar
  • " ile açıp ' ile kapatmak (veya tersi)
  • length() işlev gibi çağırmak — .length kullanın
  • "5" + 5 her zaman sayı toplaması beklemek — dize varken + çoğu zaman birleştirir
  • Bu temeller oturmadan birçok dize yöntemine atlamak (sonra gelir)

Özet

  • Dizeler '…', "…" veya `…` içindeki metindir
  • length karakter sayar; bir özelliktir
  • + ile birleştirin veya ${…} ile template literal kullanın
  • Aynı stil tırnağı \ ile escape edin veya stili değiştirin
  • Sonraki: dize yöntemleri — slice, replace ve büyük/küçük harf

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 10 / 13
Javascript Ders