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

Sıradaki ders: İç içe destructuring

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler