Yeniden adlandırma
Destructuring sırasında bir özelliği başka isimle değişkene atamayı öğrenirsin.
Yeniden adlandırma
Bazen özellik adını beğenmezsin veya aynı isimde iki değişken çakışır. Destructuring'de iki nokta ile özelliği başka bir değişkene atarsın: const { title: bookTitle } = book.
Burada book.title değeri bookTitle değişkenine gider. title adında bir değişken oluşmaz; yalnızca bookTitle oluşur. Sağdaki ad, oluşan değişkendir.
Yeniden adlandırma ve varsayılan
Yeniden adlandırma ile varsayılan değeri birleştirebilirsin. const { count: total = 0 } = data yazdığında data.count özelliği total değişkenine gider; özellik yoksa total 0 olur.
Sıra şöyledir: önce özellik (count), sonra iki nokta, sonra değişken adı (total), sonra eşittir ve varsayılan. Hepsini tek satırda yazabilirsin.
Uygulama Kitap özelliklerini yeniden adlandır
book adında bir nesne oluştur; title ve year özellikleri olsun. Destructuring kullanarak title'ı bookTitle olarak, year'ı publishYear olarak yeniden adlandırarak çıkar. Sonra her ikisini console.log ile ayrı ayrı yazdır.
Örnek çözümü göster
const book = { title: "Sis", year: 1990 };
const { title: bookTitle, year: publishYear } = book;
console.log(bookTitle);
console.log(publishYear);Kendini test et
-
`const { id: userId } = user` sonucunda hangi değişken oluşur?
- `userId`
- `id`
- hem `id` hem `userId`
- yeni bir değişken oluşmaz
Cevabı göster
`userId` — Doğru. İki noktadan sonraki ad, oluşan değişkendir.
-
Yeniden adlandırma desenini tamamla
const user = { name: "Ayşe" }; const { name: ____ } = user; console.log(userName);Cevabı göster
const user = { name: "Ayşe" }; const { name: userName } = user; console.log(userName); -
Hangisi `count` özelliğini `total` değişkenine taşır ve yoksa `0` yapar?
- `const { count = total = 0 } = data`
- `const { total: count = 0 } = data`
- `const { count: total = 0 } = data`
- `const { count, total = 0 } = data`
Cevabı göster
`const { count: total = 0 } = data` — Doğru. Önce özellik, sonra iki nokta, sonra değişken, sonra eşittir ve varsayılan.
-
Kavramları eşleştir
- iki nokta
- Özelliği yeniden adlandırır
- yeniden adlandırma
- Aynı özelliği başka adla alır
- sağdaki ad
- Oluşan değişkenin adıdır