CodeBlanks Logo Icon CodeBlanks

Spread ve rest

... operatörüyle spread ve rest parametrelerini öğrenirsin.

Spread nedir?

Spread operatörü ... ile yazılır ve bir diziyi veya nesneyi 'yayar': içeriğini tek tek açar.

Dizi örneği: const a = [1, 2], const b = [3, 4]. const combined = [...a, ...b] yazarsan combined [1, 2, 3, 4] olur.

Nesne örneği: const copy = { ...user }. Bu, user'ın tüm alanlarını yeni bir nesneye kopyalar.

Rest parametresi

Rest parametresi de ... ile yazılır ama amacı tersidir: kalan argümanları tek bir diziye toplar. Bu, fonksiyon tanımında kullanılır.

Örnek: function sum(...nums). Bu fonksiyon sum(1, 2, 3) çağrıldığında nums [1, 2, 3] olur. İstediğin kadar argüman geçebilirsin.

Yani ... fonksiyon tanımında rest (toplar), fonksiyon çağrısında veya atamada spread (açar).

Uygulama Spread ile dizi birleştir

İki dizi tanımla: a = [1, 2] ve b = [3, 4]. Spread operatörü ile combined adında tek bir dizi oluştur. Sonra console.log(combined) ile yazdır.

Başlangıç kodu

index.js
const a = [1, 2];
const b = [3, 4];
// spread ile combined dizisini oluştur
// console.log ile yazdır

Örnek çözüm

index.js
const a = [1, 2];
const b = [3, 4];
const combined = [...a, ...b];
console.log(combined);

Beklenen çıktı

[ 1, 2, 3, 4 ]

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Spread/rest kullanımları

Kavram Anlamı
[...a, ...b] Dizileri birleştirme
{ ...obj } Nesneyi kopyalama
...args Rest parametresi
f(...arr) Diziyi bağımsız değişkenlere açma

2 Spread ile birleştirme

Soru
const combined = [____];
Cevap
const combined = [...a, ...b];

Açıklama: ...a, ...b iki diziyi açıp birleştirir.

3 Rest parametresi ne yapar?

  • Kalan argümanları bir diziye toplar Doğru cevap
  • Diziyi kopyalar
  • İlk argümanı alır
  • Diziyi ters çevirir

Açıklama: Rest kalan argümanları tek diziye toplar.

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