Javascript’te “join()” Metodu Kullanımı

Bu yazımızda, JavaScript’te “join()” metodu ile dizilerde ne tür işlemler yapabildiğimizi ve nasıl kullandığımızı ele alacağız.

Javascript’te “join()” Metodu

İngilizcedeki “katılmak” veya “birleştirmek” anlamına gelen “join” kelimesinden türetilen metodumuz, dizi (array) elemanlarını, belirlenen bir ayırıcıyla “birleştirerek” tek bir “string” haline getirmeye yarar.

Kullanımı oldukça basittir ve genellikle bir dizi elemanını belirli bir formatla birleştirmek için kullanılır. Örneğin, bir liste elemanlarını tek bir cümle veya metin içerisinde belirli bir ayırıcı ile sıralamak istediğinizde bu metodu kullanabilirsiniz.

Söz dizimi (syntax) yandaki gibidir: dizi.join(ayırıcı); Buradaki “ayırıcı” isteğe bağlı bir değer olup dizi elemanları arasında ne tür bir ayırıcı olmasını istiyorsak onu kullanabiliriz. Eğer bu değer belirtilmezse, varsayılan olarak virgül (,) kullanılır. Örneğin:

let meyveler = ["Elma", "Muz", "Portakal"];
let sonuc = meyveler.join();
console.log(sonuc);  // Çıktı: Elma,Muz,Portakal
let sonuc2 = meyveler.join(" - ");
console.log(sonuc2);  // Çıktı: Elma - Muz - Portakal
let sonuc3 = meyveler.join(" ");
console.log(sonuc3);  // Çıktı: Elma Muz Portakal

let meyveler = ["Elma", "Muz", "Portakal"];

let sonuc = meyveler.join();

console.log(sonuc); // Çıktı: Elma,Muz,Portakal

let sonuc2 = meyveler.join(" - ");

console.log(sonuc2); // Çıktı: Elma - Muz - Portakal

let sonuc3 = meyveler.join(" ");

console.log(sonuc3); // Çıktı: Elma Muz Portakal

Yukarıdaki örnekte de görüleceği üzere, “join()” metodu sayesinde dizi elemanları, belirtilen ayıraç ile birleştirilerek tek bir “string” haline getirilmiştir.

JavaScript’te “join()” metodu, genel olarak aşağıdaki gibi senaryolarda kullanabiliriz:

Dizi Elemanlarını Birleştirme: Eğer bir dizi içerisindeki elemanları tek bir metin halinde birleştirmek istiyorsanız, “join()” metodu idealdir.
Özel Ayraçlarla Formatlama: Veri sunumu için belirli bir ayraç kullanmak istediğinizde bu metodu tercih edebilirsiniz. Örneğin, telefon numaralarını “xxx-xxx-xxxx” şeklinde veya tarihleri “gg.aa.yyyy” formatında sunmak.
Dinamik Metin Oluşturma: Dinamik içerik oluştururken, örneğin bir hata mesajında listelenen hataların tek bir metinde sunulması gerektiğinde.
URL ve Sorgu Parametreleri Oluşturma: URL’de sorgu parametreleri oluştururken dizi elemanlarını ampersand (&) ile birleştirerek kullanabilirsiniz.

// 1. Dizi Elemanlarını Birleştirme:
let meyveler = ["elma", "muz", "kiraz"];
let meyveMetni = meyveler.join(" ");
console.log(meyveMetni);  // Çıktı: elma muz kiraz
// 2. Özel Ayraçlarla Formatlama:
let telefonNumarasi = [123, 456, 7890];
let formatliNumara = telefonNumarasi.join("-");
console.log(formatliNumara);  // Çıktı: 123-456-7890
let tarih = [15, 10, 2023];
let formatliTarih = tarih.join(".");
console.log(formatliTarih);  // Çıktı: 15.10.2023
// 3. Dinamik Metin Oluşturma:
let hatalar = ["hata1", "hata2", "hata3"];
let hataMesaji = "Bulunan hatalar: " + hatalar.join(", ");
console.log(hataMesaji);  // Çıktı: Bulunan hatalar: hata1, hata2, hata3
// 4. URL ve Sorgu Parametreleri Oluşturma:
let sorguParametreleri = ["kullanici=ahmet", "yas=25", "sehir=istanbul"];
let url = "https://ornek.com?" + sorguParametreleri.join("&");
console.log(url);  // Çıktı: https://ornek.com?kullanici=ahmet&yas=25&sehir=istanbul

// 1. Dizi Elemanlarını Birleştirme:

let meyveler = ["elma", "muz", "kiraz"];

let meyveMetni = meyveler.join(" ");

console.log(meyveMetni); // Çıktı: elma muz kiraz

// 2. Özel Ayraçlarla Formatlama:

let telefonNumarasi = [123, 456, 7890];

let formatliNumara = telefonNumarasi.join("-");

console.log(formatliNumara); // Çıktı: 123-456-7890

let tarih = [15, 10, 2023];

let formatliTarih = tarih.join(".");

console.log(formatliTarih); // Çıktı: 15.10.2023

// 3. Dinamik Metin Oluşturma:

let hatalar = ["hata1", "hata2", "hata3"];

let hataMesaji = "Bulunan hatalar: " + hatalar.join(", ");

console.log(hataMesaji); // Çıktı: Bulunan hatalar: hata1, hata2, hata3

// 4. URL ve Sorgu Parametreleri Oluşturma:

let sorguParametreleri = ["kullanici=ahmet", "yas=25", "sehir=istanbul"];

let url = "https://ornek.com?" + sorguParametreleri.join("&");

console.log(url); // Çıktı: https://ornek.com?kullanici=ahmet&yas=25&sehir=istanbul

Javascript’te “join()” Metodu

İlgili Makaleler

JavaScript’te “Constructor Functions” (Yapıcı Fonksiyonlar)

JavaScript’te “BigInt” Kavramı

JavaScript’teki Önemli Dizi Yineleyicileri: forEach(), map(), filter(), reduce() ve findIndex

Pratik JavaScript Soruları

Bir yanıt yazın Yanıtı iptal et