Spread Operatörü Bölüm 2
Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 19 / 65.
Spread operatörü nesneleri (JSON) birleştirebilir:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Artık completeProfile dört anahtarın tümüne sahip olacak: name, age, company ve position:
console.log(completeProfile);
// Çıktı: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}Ayrıca kopyalama yaparken yeni özellikler ekleyebilir ve mevcut özelliklerin üzerine yazabilir:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Görev
KolayParametre olarak iki araba nesnesi alan mergeCars adında bir fonksiyon oluşturun. Fonksiyon, orijinal nesnelerin hiçbirini değiştirmeden ikinci arabanın özelliklerini birinci arabanın özellikleriyle birleştirmeli ve yeni bir araba nesnesi döndürmelidir.
Kopya kağıdı
Yayılma (spread) operatörü nesneleri birleştirebilir:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Ayrıca kopyalama sırasında yeni özellikler ekleyebilir ve mevcut özelliklerin üzerine yazabilir:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Kendin dene
function mergeCars(car1, car2) {
// Kodu buraya yazın
}
// Fonksiyon dışına hiçbir şey yazmayınBu 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 Ekleme10Festival Sistemi Yönetimi
Projeye Genel BakışFilm ve Mekan Ekle2Ç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