JavaScript’te “concat()” Metodu Kullanımı
Bu yazımızda, JavaScript’te dizileri (array) ve dizeleri (string) birleştirmek için kullanılan “concat()” metodu kullanımını inceleyeceğiz.
JavaScript’te “concat()” Metodu
JavaScript’te “concat()” metodu, adını İngilizce “birleştirmek” anlamına gelen “concatenate” kelimesinden almıştır. Anlamından da anlaşılacağı üzere, birden fazla dizi veya dizeyi “birleştirerek” yeni bir dizi ya da dize oluşturur.
“Peki, bunu nasıl mı yapar?” Aşağıdaki söz dizimini (syntax) kullanarak, bakınız:
baslangicDizisi.concat(eklenecekDeger1, eklenecekDeger2, ..., eklenecekDegerN)
İlk önce diziler (array) üzerindeki kullanımını inceleyelim:
//Örnek 1
let dizi1 = [1, 2, 3];
let dizi2 = [4, 5, 6];
let birlesikDizi1 = dizi1.concat(dizi2);
console.log(birlesikDizi1); // Çıktı: [1, 2, 3, 4, 5, 6]
console.log(dizi1); // Çıktı: [1, 2, 3]
console.log(dizi2); // Çıktı: [4, 5, 6]
//Örnek 2
let diziA = ["a", "b"];
let diziB = ["c", "d"];
let diziC = ["e", "f"];
let diziD = ["g", "h"];
let birlesikDizi2 = diziA.concat(diziB, diziC, diziD);
console.log(birlesikDizi2); // Çıktı: ["a", "b", "c", "d", "e", "f", "g", "h"]
console.log(diziA); // Çıktı: ["a", "b"]
console.log(diziB); // Çıktı: ["c", "d"]
console.log(diziC); // Çıktı: ["e", "f"]
console.log(diziD); // Çıktı: ["g", "h"]Yukarıdaki örneklerimiz, concat() metodunun orijinal diziler üzerinde herhangi bir değişiklik yapmadığını, yalnızca yeni bir dizi oluşturduğunu göstermektedir.
❗ Dizileri birleştirmek için modern JavaScript’te yaygın olarak spread operatörü kullanılır. Bu yöntem, özellikle büyük dizilerde performans avantajı da sağlamaktadır.
Şimdi de dizeler (string) üzerinden bir örnek yapalım:
//Örnek 1
let string1 = "Merhaba, ";
let string2 = "Dünya!";
let birlesikString1 = string1.concat(string2);
console.log(birlesikString1); // Çıktı: "Merhaba, Dünya!"
console.log(string1); // Çıktı: "Merhaba, "
console.log(string2); // Çıktı: "Dünya!"
//Örnek 2
let stringA = "Bu ";
let stringB = "bir ";
let stringC = "birleştirme ";
let stringD = "örneğidir.";
let birlesikString2 = stringA.concat(stringB, stringC, stringD);
console.log(birlesikString2); // Çıktı: "Bu bir birleştirme örneğidir."
console.log(stringA); // Çıktı: "Bu "
console.log(stringB); // Çıktı: "bir "
console.log(stringC); // Çıktı: "birleştirme "
console.log(stringD); // Çıktı: "örneğidir."Bu örnekler, concat() metodunun dizeler üzerinde de herhangi bir değişiklik yapmadığını, yalnızca yeni bir karakter dizisi oluşturduğunu göstermektedir.
❗ JavaScript’te “string” birleştirmesi için genellikle + operatörü veya “template literals” yaygın olarak kullanılmaktadır.