Özet - Spread ve rest

Spread ve rest kullanarak bir config nesnesini birleştiren ve varsayılanlarla dolduran fonksiyon yazarsın.

Özet - Spread ve rest

Bu grupta spread ve rest'in beş temelini öğrendin: dizi spread, nesne spread, rest parametresi, sığ kopya ve çağrıda spread. Üç nokta tek sembol; ama bağlama göre ya açar (spread) ya toplar (rest).

İki görev var: önce rest parametresi ile esnek bir yapılandırma birleştirici yazacaksın; sonra rest ve çağrıda spread'i aynı fonksiyonda birleştireceksin. Üzerine yazma davranışı ve sığ kopya tuzağını hatırla.

Uygulama Esnek yapılandırma birleştirici

buildConfig(...parts) adında bir fonksiyon yaz. Rest parametresi parts, istediğin kadar yapılandırma nesnesini bir dizi olarak toplar. Fonksiyon gövdesinde result adında boş bir nesne oluştur. parts üzerinde for...of ile dönerken her part'ı { ...result, ...part } ile result'a birleştir. Sonunda result'ı döndür ve fonksiyonu console.log ile en az iki nesneyle çağır.

Örnek çözümü göster

function buildConfig(...parts) {
  let result = {};
  for (const part of parts) {
    result = { ...result, ...part };
  }
  return result;
}
console.log(buildConfig({ a: 1 }, { b: 2 }, { a: 9 }));

Uygulama Rest ve çağrıda spread birlikte

logMax(...nums) adında bir fonksiyon yaz. Rest parametresi nums gelen tüm sayıları bir dizi olarak toplar. Gövdede Math.max(...nums) ile en büyük değeri bul ve console.log ile yazdır. Sonra fonksiyonu en az dört sayıyla çağır.

Örnek çözümü göster

function logMax(...nums) {
  console.log(Math.max(...nums));
}
logMax(3, 7, 2, 9, 1);

Kendini test et

Tüm kavramları eşleştir

...arr (dizi literali)

Dizileri birleştir
{...obj}

Nesneleri birleştir
...args (parametre)

Kalan argümanları topla
fn(...arr)

Diziyi argümanlara aç

Rest ve çağrıda spread

function sum(...numbers) {
  let total = 0;
  for (const n of numbers) total += n;
  return total;
}
const args = [1, 2, 3];
console.log(sum(____));

Cevabı göster

function sum(...numbers) {
  let total = 0;
  for (const n of numbers) total += n;
  return total;
}
const args = [1, 2, 3];
console.log(sum(...args));

Sıradaki ders: Map veri yapısı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler