Tüm blog yazıları

JavaScript'te String (Metin) Veri Türü

JavaScript’te daha önce primitive (ilkel) veri türlerinden bahsetmiştik. Hatırlarsanız, bu veri türleri JavaScript’in temel yapı taşlarını oluşturur ve doğrudan bellekte saklanır. Number, Boolean, String, Undefined, Null, Symbol ve BigInt

eminbasbayan4 dk okuma
JavaScript'te String (Metin) Veri Türü

JavaScript’te daha önce primitive (ilkel) veri türlerinden bahsetmiştik. Hatırlarsanız, bu veri türleri JavaScript’in temel yapı taşlarını oluşturur ve doğrudan bellekte saklanır. Number, Boolean, String, Undefined, Null, Symbol ve BigInt gibi veri türleri bu kategoriye girer. Şimdi ise bu veri türlerinden biri olan string üzerinde duracağız.

String, yani metin veri türü, karakterlerden oluşan ve genellikle çift tırnak (" "), tek tırnak (' ') veya template literal (``) kullanılarak tanımlanan bir veri türüdür. Web geliştirmede kullanıcı isimleri, mesajlar, adresler ve açıklamalar gibi birçok bilgiyi metin olarak saklamamız gerektiğinden string veri türü oldukça önemlidir.

Şimdi string veri türünü detaylıca inceleyelim.

String Nedir?

String, JavaScript’te metinsel bilgileri temsil eden bir veri türüdür. String değerleri, çift tırnak (" "), tek tırnak (' ') veya template literal (``) ile yazılabilir.

Örneğin, aşağıdaki gibi bir değişken tanımlayabiliriz:

jsx
let isim = "Ahmet";
console.log(isim); // Çıktı: Ahmet

Burada isim adlı değişken, "Ahmet" metin değerini tutmaktadır.

Bir başka örnek:

jsx
let sehir = 'İstanbul';
console.log(sehir); // Çıktı: İstanbul

Bu örnekte çift tırnak yerine tek tırnak kullanılmıştır. JavaScript’te tek tırnak (' ') ve çift tırnak (" ") kullanımı arasında herhangi bir fark yoktur. Ancak bir dosya içinde tutarlı olmak önemlidir; yani bazı yerlerde çift tırnak, bazı yerlerde tek tırnak kullanmaktan kaçınılmalıdır.

String Tanımlarken Dikkat Edilmesi Gerekenler

  1. Tırnak işareti kullanımı

    • Metinleri belirlemek için çift (" ") veya tek (' ') tırnak kullanılabilir.
    • Ancak başlangıçta hangi tırnak işareti kullanıldıysa, bitişte de aynı kullanılmalıdır. Hatalı kullanım:
    jsx
    let hata = 'Merhaba"; // Hata: Tırnak türleri uyuşmuyor!

    Doğru kullanım:

    jsx
    let dogru = "Merhaba";  // Çift tırnak ile başladı, çift tırnak ile bitti
    let dogru2 = 'Merhaba'; // Tek tırnak ile başladı, tek tırnak ile bitti
  2. Boş bir string tanımlanabilir

    jsx
    let bosMetin = ""; // İçinde hiçbir karakter bulunmayan boş bir string
    console.log(bosMetin); // Çıktı: (Boş bir çıktı)
  3. String içinde özel karakterler kullanılabilir

    jsx
    let ozelKarakter = "Bugün hava çok güzel!";
    let rakamIceren = "12345"; // Sayılar da string olarak saklanabilir
    let semboller = "!@#$%^&*()_+";

String İçinde Çift Tırnak ve Tek Tırnak Kullanımı

Bazen bir string içinde tırnak işareti kullanmamız gerekebilir. Örneğin, bir diyalog veya alıntı metni yazarken:

jsx
let mesaj = "Ali dedi ki: 'Bugün çok mutluyum!'";
console.log(mesaj); // Çıktı: Ali dedi ki: 'Bugün çok mutluyum!'

Burada string çift tırnak ile başlatıldığı için, içinde tek tırnak rahatça kullanılabilir.

Tam tersi de mümkündür:

jsx
let mesaj2 = 'Ayşe dedi ki: "Hava bugün harika!"';
console.log(mesaj2); // Çıktı: Ayşe dedi ki: "Hava bugün harika!"

Fakat aşağıdaki kullanım hatalıdır, çünkü çift tırnak içinde yine çift tırnak kullanılmıştır:

jsx
let hata = "Ali dedi ki: "Bugün çok güzel!"";
// Hata: JavaScript, ikinci çift tırnağı stringin bitişi olarak algılar

Bu hatayı önlemek için ters eğik çizgi ( \ ) kullanabiliriz:

jsx
let duzeltme = "Ali dedi ki: \"Bugün çok güzel!\"";
console.log(duzeltme); // Çıktı: Ali dedi ki: "Bugün çok güzel!"

Ters eğik çizgi ( \ ) işareti kaçış karakteri (escape character) olarak adlandırılır ve özel karakterlerin bir string içinde düzgün görünmesini sağlar.

String’lerin Önemi ve Kullanım Alanları

String veri türü, JavaScript’te çok sık kullanılır. İşte bazı yaygın kullanım alanları:

  • Kullanıcı adları, şifreler, e-posta adresleri gibi bilgileri saklamak
  • Bir web sitesinde metinleri ve mesajları görüntülemek
  • Kullanıcıdan alınan verileri işlemek
  • Form girişlerini analiz etmek ve doğrulamak
  • Veri tabanından gelen metinsel verileri kullanmak

Örneğin, bir e-ticaret sitesinde müşterinin adını ve sipariş numarasını bir mesajda göstermek için string birleşimi (concatenation) kullanabiliriz:

jsx
let musteriAdi = "Merve";
let siparisNo = 10234;

let mesaj = "Sayın " + musteriAdi + ", sipariş numaranız: " + siparisNo;
console.log(mesaj);
// Çıktı: Sayın Merve, sipariş numaranız: 10234

Bu örnekte + operatörü kullanılarak iki string birleştirilmiştir. Alternatif olarak template literal (şablon metni) de kullanılabilir:

jsx
let mesaj2 = `Sayın ${musteriAdi}, sipariş numaranız: ${siparisNo}`;
console.log(mesaj2);
// Çıktı: Sayın Merve, sipariş numaranız: 10234

Sonuç

  • String, JavaScript’te metinsel verileri temsil eden temel bir veri türüdür.
  • Çift tırnak (" ") veya tek tırnak (' ') kullanılarak oluşturulabilir.
  • Tırnak türü değiştirilmeden başlamalı ve bitirilmelidir.
  • Bir string içinde çift ve tek tırnakları birlikte kullanarak alıntılar eklenebilir.
  • Metin içinde özel karakterler kullanılabilir ve kaçış karakteri ( \ ) ile hata önlenebilir.
  • String’ler, mesajları göstermek, kullanıcı verilerini saklamak ve web uygulamalarında çeşitli görevleri gerçekleştirmek için yaygın olarak kullanılır.

Bu yazıda JavaScript’te string veri türünün temel kavramlarını öğrendik. Bir sonraki adımda, string metodlarını inceleyerek metinleri nasıl manipüle edebileceğimizi öğreneceğiz!

JavaScript Classes ile pratik uygulamalar, metotlar arası iletişim ve gerçek dünya kod örnekleri
JavaScript Dersleri9 dk okuma

JavaScript Classes - Pratik Uygulamalar

JavaScript class'ları ile pratik uygulamalara geçin! Metotlar arası iletişimden constructor'da metot çağırmaya, kod tekrarını azaltmaktan gerçek dünya senaryolarına kadar class kullanımının inceliklerini keşfedin. Kendi alışveriş sepeti örneğinizle bilginizi pekiştirin.

Yazıyı oku
JavaScript class yapısını gösteren bir kod örneği, ES6 ile modern nesne oluşturma
JavaScript Dersleri9 dk okuma

JavaScript Classes

ES6 ile JavaScript'e gelen class yapısı sayesinde nesne oluşturmak artık çok daha kolay ve düzenli! Constructor function karmaşasından kurtulup, okunabilir ve yönetilebilir kodlar yazmak isteyenler için modern JavaScript'in temel taşı olan class'ları tüm detaylarıyla keşfedin. Bu rehberle nesne şabl

Yazıyı oku
JavaScript kodunda Constructor Function ve new keyword'ü ile nesne oluşturma örnekleri
JavaScript Dersleri8 dk okuma

Constructor Functions ve new Keyword

Factory Function'ların hafıza israfı sorununa Constructor Function'lar ve new keyword'ü ile son verin! Metotları paylaştırarak JavaScript objelerini daha verimli nasıl oluşturacağınızı, new'in perde arkasında neler yaptığını ve prototype sisteminin gücünü bu rehberde keşfedin.

Yazıyı oku

Çerez tercihlerin

Platformun çalışması için zorunlu çerezler kullanıyoruz. İzin verirsen anonim kullanım verilerini ölçüyoruz. Ayrıntıları incele