Rest parametreleri

...args ile değişken sayıda argüman almayı öğrenirsin.

Rest parametreleri

Rest parametresi, değişken sayıda argümanı tek bir dizi olarak toplar. Parametre adından önce ... yazılarak tanımlanır. Çağrılan fonksiyon bu argümanları dizi halinde alır.

Sözdizimi: function sum(...nums) { return nums.reduce((a, b) => a + b, 0); }. Bu fonksiyon sum(1, 2, 3) çağrısında nums değişkeni [1, 2, 3] olur; sonuç 6'dır. İstediğin kadar argüman geçebilirsin.

Rest parametresi her zaman parametre listesinin sonunda olmalıdır. Birden fazla rest parametresi yazılamaz. function f(a, ...rest) geçerlidir; function f(...rest, a) söz dizimi hatasıdır.

Rest ve arguments farkı

JavaScript'te rest parametresinden önce arguments adında eski bir nesne vardı. Tüm argümanları içerir ama gerçek bir dizi değildir; map, filter gibi dizi metotları çalışmaz. Modern kodda rest parametresi tercih edilir.

Rest parametresi gerçek bir dizidir: nums.map(...), nums.length, nums[0] gibi işlemler doğrudan çalışır. Ayrıca yalnızca 'kalan' argümanları alır; rest'ten önce gelen isimli parametreler dışarıda kalır.

Örnek: function f(first, ...rest). Burada first ilk argümanı, rest ise geri kalanların dizisini alır. f('a', 'b', 'c') çağrısında first='a', rest=['b','c'] olur.

Uygulama Değişken sayıda sayı topla

sum(...nums) fonksiyonunu tanımla. Gövdesi nums dizisini reduce ile (başlangıç 0) toplasın ve sonuçu döndürsün. sum(10, 20, 30, 40) çağrısının sonuçunu console.log ile yazdır.

Örnek çözümü göster

function sum(...nums) {
  return nums.reduce((a, b) => a + b, 0);
}
console.log(sum(10, 20, 30, 40));

Kendini test et

Rest parçalarını eşle

...

Rest operatörü
nums

Toplanan argümanların adı
[1, 2, 3]

nums değişkeninin değeri
son parametre

Rest'in konumu
Rest parametresi ne toplar?
- Tüm nesneleri
- İlk argümanı
- Kalan argümanları diziye
- Yalnızca sayıları
Cevabı göster

Kalan argümanları diziye — rest kalan tüm argümanları tek diziye toplar.

Reduce ile topla

function sum(...nums) {
  return nums.____((a, b) => a + b, 0);
}

Cevabı göster

function sum(...nums) {
  return nums.reduce((a, b) => a + b, 0);
}

Sıradaki ders: Özet - Fonksiyonlar

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler