JavaScript’te “concat()” Metodu Kullanımı

1 dakika okuma süresi

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)

1	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"]

//Ö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."

//Ö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.

1 dakika okuma süresi

JavaScript’te “concat()” Metodu

İlgili Makaleler

JavaScript’te “Temporal Dead Zone” (TDZ) Kavramı

JavaScript’te “this” Anahtar Kelimesinin Kullanımı

JavaScript’te “Template Literals” Kullanımı

JavaScript’te “Strict Mode” Kullanımı

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

😔 Reklam Engelleyicisi 😔