Rest ve Spread — Deyimsel Diziler ve Nesneler
Kalan değerleri/özellikleri toplayın, spread ile klonlayıp birleştirin ve basit kalıplarla gizli değişikliklerden kaçının.
Rest ve Spread — Deyimsel Diziler ve Nesneler, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 2 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 2 dersten oluşur.
Giriş
Amaç: Ek değerleri toplamak için rest, kopyalamak veya birleştirmek için yayma kullanın.
- Dizi ve nesne yayması
- Dizi rest'i (baş ve kuyruk)
- Nesne rest'i (bazı anahtarları dışlama)
- Değişiklik yapma ve kopyalama
Dizi yaymasının temelleri
[...arr] bir diziyi kopyalar; dizileri yeni bir dizide yayarak birleştirin.
// Array spread creates a shallow copy and merges arrays
const a = [1, 2];
const b = [3, 4];
const clone = [...a];
const merged = [...a, ...b];
console.log("a:", a);
console.log("clone:", clone);
console.log("merged:", merged);
Dizi rest kalıbı
rest öğesi (…tail), geriye kalanları yeni bir dizide toplar.
// Array rest collects the remaining items
const nums = [10, 20, 30, 40];
const [head, ...tail] = nums;
console.log("head:", head);
console.log("tail:", tail);
Nesne yaymasının temelleri
Nesneleri birleştirme işleminde sıra önemlidir: sonraki yaymalar önceki anahtarların üzerine yazar.
// Object spread copies and merges; later keys win
const base = { theme: "light", compact: false };
const override = { compact: true };
const copy = { ...base };
const merged = { ...base, ...override };
console.log("copy:", copy);
console.log("merged:", merged);
Nesne rest kalıbı
Birkaç özelliği almak ve geri kalanları birlikte tutmak için { a, ...rest } kullanın.
// Object rest collects remaining properties
const user = { id: 7, name: "Ayla", role: "admin" };
const { id, ...publicInfo } = user;
console.log("id:", id);
console.log("publicInfo:", publicInfo);
Kopyayla değişiklik yapmaktan kaçınma
Değerleri değiştirirken bir yeni nesne oluşturun; bu, paylaşılan verileri değiştirmekten daha açık ve güvenlidir.
// Copy instead of mutating original data
const settings = { sound: true, volume: 5 };
// Mutating version (avoid in shared state)
// settings.volume = 6;
// Non-mutating: create an updated copy
const updated = { ...settings, volume: 6 };
console.log("settings:", settings);
console.log("updated:", updated);
Nesne rest sınaması
Hızlı kontrol: Nesne rest'i.
Özet
Özet: Yayma, dizileri ve nesneleri kopyalar veya birleştirir; rest, geriye kalanları toplar. Değişiklikleri açıkça göstermek için değiştirmek yerine kopyalamayı tercih edin.
Sıkça Sorulan Sorular
“Rest ve Spread — Deyimsel Diziler ve Nesneler” dersi ücretsiz mi?
Evet — “Rest ve Spread — Deyimsel Diziler ve Nesneler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 2 dersten oluşur.
“Rest ve Spread — Deyimsel Diziler ve Nesneler” dersinde ne öğreneceğim?
Kalan değerleri/özellikleri toplayın, spread ile klonlayıp birleştirin ve basit kalıplarla gizli değişikliklerden kaçının. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 2 dersinin 2. dersidir.
“Rest ve Spread — Deyimsel Diziler ve Nesneler” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Dizi/Nesne Yapısökümünün Temelleri
- Rest ve Spread — Deyimsel Diziler ve Nesneler