0Pricing
JavaScript Academy · Ders

Klonlama ve Birleştirme — yayma ve Object.assign

Yayma ve Object.assign kullanarak nesneleri/dizileri klonlayıp birleştirin; sığ kopyayı ve üzerine yazma sırasını anlayın.

Klonlama ve Birleştirme — yayma ve Object.assign, 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ç: Nesneleri ve dizileri güvenli biçimde kopyalayıp birleştirin.

  • Kopyalama ve birleştirme için yayma
  • Object.assign
  • Üzerine yazma sırası
  • shallow kopya uyarısı
Klonlama ve Birleştirme — yayma ve Object.assign — resim 1

Yayma: nesne kopyalama

Sığ bir kopya için {...obj} kullanın. Kopyayı düzenlemek, özgün nesnedeki üst düzey alanları değiştirmez.

// Shallow clone with object spread
const user = { name: "Ayla", level: 1 };
const clone = { ...user };

clone.level = 2;

console.log("Original:", user);
console.log("Clone:", clone);
Klonlama ve Birleştirme — yayma ve Object.assign — resim 2

Object.assign: kopyalama

Object.assign({}, obj) de sığ bir kopya oluşturur. Boş bir nesneye atama yaparak kaynak nesneyi değiştirmekten kaçının.

// Shallow clone with Object.assign
const settings = { theme: "dark", compact: false };
const copy = Object.assign({}, settings);

copy.compact = true;

console.log("Settings:", settings);
console.log("Copy:", copy);
Klonlama ve Birleştirme — yayma ve Object.assign — resim 3

Birleştirme: sıra önemlidir

Birleştirme işleminde sıra önemlidir: sonraki kaynaklar önceki anahtarların üzerine yazar (b burada 9 olur).

// Merge: later keys overwrite earlier ones
const base = { a: 1, b: 2 };
const extra = { b: 9, c: 3 };

const mergedSpread = { ...base, ...extra };
const mergedAssign = Object.assign({}, base, extra);

console.log("Spread merged:", mergedSpread);
console.log("Assign merged:", mergedAssign);
Klonlama ve Birleştirme — yayma ve Object.assign — resim 4

Dizi yayması: kopyalama ve birleştirme

[...arr] bir diziyi kopyalar. Dizileri değiştirmeden [...a, ...b] ile birleştirin.

// Arrays: clone and merge with spread
const nums = [1, 2, 3];
const cloneNums = [...nums];

const more = [4, 5];
const mergedNums = [...nums, ...more];

console.log("nums:", nums);
console.log("clone:", cloneNums);
console.log("merged:", mergedNums);
Klonlama ve Birleştirme — yayma ve Object.assign — resim 5

Sığ ve derin kopya

Sığ kopya: İç içe nesneler ve diziler paylaşılır. Derin yapılar için iç düzeyleri açıkça kopyalayın.

// Shallow copy caveat: nested objects are shared
const original = { user: { name: "Mina" }, active: true };
const shallow = { ...original };

// Mutate nested object
shallow.user.name = "Lena";

console.log("Original:", original);
console.log("Shallow:", shallow);
Klonlama ve Birleştirme — yayma ve Object.assign — resim 6

clone yöntemi sınaması

Hızlı kontrol: Değişiklik yapmadan sığ kopya oluşturma.

Klonlama ve Birleştirme — yayma ve Object.assign — resim 7

Özet

Özet: Boş bir nesneye yayma veya Object.assign uygulayarak kopya oluşturun, sonraki kaynakları sona yerleştirerek birleştirin ve bunların shallow kopyalar olduğunu unutmayın.

Klonlama ve Birleştirme — yayma ve Object.assign — resim 8

Sıkça Sorulan Sorular

“Klonlama ve Birleştirme — yayma ve Object.assign” dersi ücretsiz mi?

Evet — “Klonlama ve Birleştirme — yayma ve Object.assign” 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.

“Klonlama ve Birleştirme — yayma ve Object.assign” dersinde ne öğreneceğim?

Yayma ve Object.assign kullanarak nesneleri/dizileri klonlayıp birleştirin; sığ kopyayı ve üzerine yazma sırasını anlayı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.

“Klonlama ve Birleştirme — yayma ve Object.assign” 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

  1. Dizi CRUD İşlemleri ve Yineleme; Nesne Temelleri ve Erişim
  2. Klonlama ve Birleştirme — yayma ve Object.assign
← JavaScript Academy Sayfasına Dön