Destructuring
- Node.js kursu
- Başlangıç
- Ders 10/116
- 4 dk
Destructuring ile dizi ve nesneden değer çıkarmayı öğrenirsin.
Destructuring nedir?
Destructuring, bir dizi veya nesnenin içindeki değerleri tek satırda değişkenlere çıkarma yöntemidir. Uzun erişim kodlarını kısaltır.
Nesne örneği: const { name, age } = user. Bu, user.name'i name'e ve user.age'i age'e atar.
Dizi örneği: const [first, second] = colors. Bu, colors[0]'ı first'e ve colors[1]'i second'a atar.
Object destructuring
Nesne destructuring için süslü parantez kullanılır. Değişken adları, nesnenin alan adlarıyla eşleşir.
Örnek: const user = { name: 'Ayşe', age: 28 }. Sonra const { name, age } = user yazarsan hem name hem age değişkenleri hazır olur.
Sadece bir alanı da çıkarabilirsin: const { name } = user. Bu, yalnızca name'i çıkarır, age'i yok sayar.
Uygulama Destructuring ile değer al
user adında bir nesne tanımla: name alanı 'Ayşe', age alanı 28 olsun. Destructuring ile name ve age değerlerini çıkar. Sonra console.log(name) ve console.log(age) ile yazdır.
Başlangıç kodu
const user = { name: "Ayşe", age: 28 };
// Destructuring ile name ve age değerlerini çıkar
// Sonra console.log ile yazdırÖrnek çözüm
const user = { name: "Ayşe", age: 28 };
const { name, age } = user;
console.log(name);
console.log(age);Beklenen çıktı
Ayşe 28
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Destructuring neyi kolaylaştırır?
- Dizi oluşturmayı
- Fonksiyon tanımlamayı
- Döngü yazmayı
- Nesne özelliklerini değişkenlere atamayı Doğru cevap
Açıklama: Destructuring nesne özelliklerini değişkenlere çıkarır.
2 Destructuring örneklerini eşleştir
| Kavram | Anlamı |
|---|---|
const { name } = user |
Nesne destructuring |
const [a] = list |
Dizi destructuring |
const { x, y } = point |
Çoklu nesne |
const [first, ...rest] |
Rest ile dizi |
3 Destructuring sözdizimi
const { name, age } = ____;const { name, age } = user;Açıklama: user nesnesinden name ve age çıkarılır.