CodeBlanks Logo Icon CodeBlanks

split ve join

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

split ile dizeyi diziye, join ile diziyi dizeye çevirmeyi öğrenirsin.

split ile böl, join ile birleştir

split bir dizeyi belirli bir ayraçla parçalara bölüp dizi döndürür. Örneğin "a,b,c".split(",") çağrısı ["a", "b", "c"] verir. Ayraç dizeden çıkarılır.

Tersine join bir dizinin elemanlarını belirli bir ayraçla birleştirip tek dize yapar. ["a", "b", "c"].join("-") sonucu "a-b-c" olur. İkisi birlikte dize ve dizi arasında gidiş geliş sağlar.

Boş dize ve sınır

split'e boş dize verirsen her karakter ayrı bir eleman olur: "abc".split("") sonucu ["a", "b", "c"]'dir. Karakter dizisine çevirmenin en kestirme yoludur.

İkinci parametre olarak bir sınır verebilirsin: "a,b,c,d".split(",", 2) yalnızca ["a", "b"] döndürür. Sınır, dizinin en fazla kaç eleman içereceğini söyler.

Uygulama CSV dizesini diziye böl

csv dizesini virgüle göre böl ve tags dizisine ata. Sonucu konsola yazdır.

Örnek çözümü göster
const csv = "yemek,icmek,tatli";
// virgüle göre böl
const tags = csv.split(",");
console.log(tags);

Uygulama Diziyi tireyle birleştir

parts dizisini tireyle birleştir ve slug değişkenine ata. Sonucu konsola yazdır.

Örnek çözümü göster
const parts = ["javascript", "ileri", "dize"];
// tireyle birleştir
const slug = parts.join("-");
console.log(slug);

Kendini test et

  1. "elma,armut,muz".split(",") çağrısı ne döndürür?

    "elma,armut,muz".split(",")
    • 'elma,armut,muz'
    • ['elma','armut','muz']
    • ['e','l','m']
    • ['elma armut muz']
    Cevabı göster

    ['elma','armut','muz'] — Doğru. split(",") virgüllerden bölüp üç elemanlı dizi verir.

  2. Diziyi tireyle birleştir

    const words = ["kitap", "kalem", "silgi"];
    const text = words.____;
    console.log(text);
    Cevabı göster
    const words = ["kitap", "kalem", "silgi"];
    const text = words.join("-");
    console.log(text);
  3. Çağrı → davranış eşleştir

    "a,b".split(",")
    virgülle böl
    "ab".split("")
    karakterlere böl
    ["a","b"].join("-")
    tireyle birleştir
    ["a","b"].join("")
    bitişik birleştir

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