Dizi/Nesne Yapısökümünün Temelleri
Dizi ve nesne yapısökümü: temeller, öğeleri atlama, varsayılanlar, yeniden adlandırma ve basit bir takas hilesi.
Dizi/Nesne Yapısökümünün Temelleri, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 2 dersinin 1. 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ç: Dizilerden ve nesnelerden değerleri temiz biçimde çıkarın.
- Dizi yapı bozumu
- Atlama ve varsayılanlar
- Nesne yapı bozumu
- Yeniden adlandırma ve yer değiştirme yöntemi
Dizi temelleri
Dizi kalıpları konumlarla eşleşir. İlk öğe ilk değişkene, sonraki öğeler de aynı şekilde atanır.
// Array destructuring: assign by position
const pair = [10, 20];
const [x, y] = pair;
console.log("x:", x);
console.log("y:", y);
Atlama ve varsayılanlar
Konumları atlamak için virgülleri kullanın. Tanımsız veya eksik öğeler için = varsayılan ekleyin.
// Skip items with commas and provide defaults
const triple = [5, undefined, 9];
// Skip the middle, provide default for missing/undefined
const [first, , third = 0] = triple;
console.log("first:", first);
console.log("third with default:", third);
Yer değiştirme yöntemi
Tek satırlık bir yer değiştirme işlemi, geçici bir değişken kullanma gereğini ortadan kaldırır.
// Swap values with destructuring
let a = "left";
let b = "right";
[a, b] = [b, a];
console.log("a:", a);
console.log("b:", b);
Nesne temelleri ve yeniden adlandırma
Nesneler key ile eşleşir. key: localName ile yeniden adlandırın ve gerektiğinde = varsayılan ekleyin.
// Object destructuring: assign by property name
const user = { name: "Ayla", level: 2, active: true };
// Basic
const { name, active } = user;
// Renaming and default
const { level: userLevel = 0 } = user;
console.log("name:", name);
console.log("active:", active);
console.log("userLevel:", userLevel);
İç içe alanlar (kısa giriş)
İç içe alanları tek adımda okuyabilirsiniz. Mobilde okunabilirlik için kalıpları küçük tutun.
// Nested destructuring (keep it simple)
const config = {
theme: { primary: "blue", contrast: "white" },
flags: { compact: true }
};
const { theme: { primary }, flags: { compact } } = config;
console.log("primary:", primary);
console.log("compact:", compact);
Yer değiştirme söz dizimi sınaması
Hızlı kontrol: Yapı bozumu ile yer değiştirme.
Özet
Özet: Diziler konuma, nesneler key değerine göre yapı bozumuna uğrar. Öğeleri atladınız, varsayılanları kullandınız, anahtarları yeniden adlandırdınız ve değerleri tek satırda yer değiştirdiniz.
Sıkça Sorulan Sorular
“Dizi/Nesne Yapısökümünün Temelleri” dersi ücretsiz mi?
Evet — “Dizi/Nesne Yapısökümünün Temelleri” 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.
“Dizi/Nesne Yapısökümünün Temelleri” dersinde ne öğreneceğim?
Dizi ve nesne yapısökümü: temeller, öğeleri atlama, varsayılanlar, yeniden adlandırma ve basit bir takas hilesi. 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 1. dersidir.
“Dizi/Nesne Yapısökümünün Temelleri” 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