Spread Operatörü Bölüm 1
Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 18 / 65.
Spread operatörü (...) JSON için birçok kullanım alanına sahiptir. Örneğin, aşağıdaki işlemi yaparken:
const obj1 = {key1: "123"}
const obj2 = obj1
obj1.key1 = "456
console.log(obj2.key1)Çıktı ne olur?
console.log(obj2.key1)
// Çıktı: "456"Bu şaşırtıcı olabilir! Sadece obj1'i değiştirmiş olmamıza rağmen, obj2 de değişti.
Bu durum, nesneleri doğrudan atadığımızda (obj2 = obj1), bir kopya değil, bir referans oluşturduğumuz için gerçekleşir. Her iki değişken de bellekteki aynı nesneyi işaret eder.
Spread operatörünün kullanışlı hale geldiği yer burasıdır. Gerçek bir kopyanın nasıl oluşturulacağını görelim:
const obj1 = {key1: "123"};
const obj2 = {...obj1};
obj1.key1 = "456";
console.log(obj2.key1);
// Çıktı: "123"Spread operatörü yeni bir nesne oluşturur ve kaynak nesnedeki tüm sayılabilir özellikleri yeni nesneye kopyalar.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kopya kağıdı
Yayılma operatörü (...), bir referans yerine bir nesnenin kopyasını oluşturur:
// Referans (her iki değişken de aynı nesneye işaret eder)
const obj1 = {key1: "123"}
const obj2 = obj1
obj1.key1 = "456"
console.log(obj2.key1) // Çıktı: "456"// Yayılma operatörü kullanarak kopyalama
const obj1 = {key1: "123"}
const obj2 = {...obj1}
obj1.key1 = "456"
console.log(obj2.key1) // Çıktı: "123"Yayılma operatörü, kaynak nesnedeki tüm numaralandırılabilir özellikleri yeni bir nesneye kopyalar.
Kendin dene
Bu ders bir kod alıştırması içermiyor.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Mantık ve Akış bölümündeki tüm dersler
1Derinlemesine Stringler
String TemelleriString Üzerinde YinelemeTemplate LiteralsString MetotlarıÖzet - String Weaver4JSON Bölüm 2
JSON Üzerinde Yinelemeİç İçe Geçmiş JSONJSON Optional ChainingSığ ve Derin KopyalamaÖzet - Bisiklet MağazasıÖzet - Güneş Sistemi7Kütüphane Yönetim Sistemi
Projeye Genel BakışKitap Ekleme
Başlığa Göre AramaTüre Göre FiltrelemeOkundu Olarak İşaretle10Festival Sistemi Yönetimi
Projeye Genel BakışFilm ve Mekan EkleGösterim EkleBilet Satın AlFilmleri PuanlaGösterimleri İptal Et2Çok Boyutlu Diziler
2D Dizi Temelleri2D Dizi Elemanlarına Erişme2D Dizilerle İç İçe DöngülerÖzet - 2D DizilerMatris Toplama ve ÇıkarmaDüzensiz Diziler3D Diziler ve ÖtesiYaygın 2D Dizi DesenleriÖzet - Diziler Hakkında Her Şey5Kümeler Bölüm 1
Küme Nedir?Kümeler Üzerinde YinelemeEleman EklemeEleman SilmeEleman Varlığını Kontrol EtmeBoyut ve Boş Olma DurumuKopyalama ve TemizlemeÖzet - Kümelerin Temelleri8Diziler: İlginç Konular
Dizi Yapı SökümüDizilerde Spread SözdizimiSeyrek DizilerÖzet - Diziler Workshop3JSON Bölüm 1
JSON Nedir?Anahtarın Varlığını Kontrol EtmeNesne MetotlarıSpread Operatörü Bölüm 1Spread Operatörü Bölüm 2Anahtarları KaldırmaÖzet - JSON Anahtarlarını Yönetme