JavaScript, ES6 ile birlikte birçok yeni özellik kazandı. Bu yeni özelliklerden biri de “Spread Operator” yani yayma operatörüdür (…). Spread operatörü, bir dizi ya da nesneyi bireysel elemanlarına ayırmamıza olanak tanır.
Bu yazıda, Spread Operatörü’nün nasıl ve nerede kullanılacağını anlatacağım.
Dizi İçinde Spread Kullanımı
Spread operatörü, bir diziyi bireysel elemanlarına ayırabilir.
|
1 2 3 4 5 6 7 |
const arr1 = [1, 2, 3]; const arr2 = [...arr1, 4, 5, 6]; console.log(arr2); // [1, 2, 3, 4, 5, 6] |
Nesne İçinde Spread Kullanımı
Spread operatörü, nesnelerle de kullanılabilir ve bir nesnenin özelliklerini yeni bir nesneye kopyalamak için kullanılır.
|
1 2 3 4 5 6 7 |
const obj1 = { a: 1, b: 2 }; const obj2 = { ...obj1, c: 3 }; console.log(obj2); // { a: 1, b: 2, c: 3 } |
Fonksiyon Parametrelerinde Spread Kullanımı
Spread operatörü, bir diziyi fonksiyon argümanları olarak da yayabilir.
|
1 2 3 4 5 6 7 8 9 |
function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; console.log(sum(...numbers)); // 6 |
Nesnelerde Özellikleri Birleştirme
Bir nesnenin özelliklerini başka bir nesneyle birleştirmek için de spread operatörü kullanılabilir.
|
1 2 3 4 5 6 7 8 9 |
const user = { name: "John", age: 25 }; const details = { job: "Engineer", hobby: "Reading" }; const combined = { ...user, ...details }; console.log(combined); // { name: "John", age: 25, job: "Engineer", hobby: "Reading" } |
Spread Operatörü İle Dizi Kopyalama
Spread operatörü, diziyi kolayca kopyalamak için de kullanılabilir. Bu, dizinin referansını kopyalamak yerine, onun bir kopyasını oluşturur.
|
1 2 3 4 5 6 7 8 9 10 |
const original = [1, 2, 3]; const copy = [...original]; copy.push(4); console.log(original); // [1, 2, 3] console.log(copy); // [1, 2, 3, 4] |
Sonuç olarak spread operatörü, JavaScript’te dizileri ve nesneleri hızlı ve kolay bir şekilde yayma, kopyalama veya birleştirme gibi işlemleri yapma olanağı sağlar. Modern JavaScript’te, bu operatörü sıkça göreceksiniz.
Umarım “JavaScript’te Spread Operator Kullanımı” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
JavaScript’te Destructuring Kullanımı
Yeni bir yazımda görüşmek üzere.
Happy coding!
