JavaScript'te Destructuring (Yapı Bozma)

JavaScript'te destructuring, bir dizi veya nesne içindeki elemanları veya özellikleri ayrıştırarak (extracting) ayrı değişkenlere atama yapmayı sağlayan bir özelliktir. Bu sayede karmaşık veri yapılarını daha kolay erişilebilir hale getirmek ve kodu daha okunabilir hale getirmek için kullanılır.

Array Destructuring (Dizi Yapı Bozma)

Dizi destructuring, bir dizi içindeki elemanları sırasıyla alarak değişkenlere atama yapmayı sağlar. Örneğin:

const renkler = ['Kırmızı', 'Yeşil', 'Mavi'];

const [renk1, renk2, renk3] = renkler;

console.log(renk1); // Kırmızı
console.log(renk2); // Yeşil
console.log(renk3); // Mavi

Object Destructuring (Nesne Yapı Bozma)

Nesne destructuring, bir nesne içindeki özellikleri isimleriyle eşleştirerek değişkenlere atama yapmayı sağlar. Örneğin:

const person = {
  ad: 'Ahmet',
  soyad: 'Yılmaz',
  yas: 30
};

const { ad, soyad, yas } = person;

console.log(ad); // Ahmet
console.log(soyad); // Yılmaz
console.log(yas); // 30

Nested Destructuring (İç İçe Yapı Bozma)

Destructuring işlemi iç içe geçmiş veri yapılarında da kullanılabilir. Örneğin:

const kisi = {
  ad: 'Ayşe',
  adres: {
    il: 'İstanbul',
    ilce: 'Kadıköy'
  }
};

const { ad, adres: { il, ilce } } = kisi;

console.log(ad); // Ayşe
console.log(il); // İstanbul
console.log(ilce); // Kadıköy

Destructuring, JavaScript'te çok sık kullanılan bir özelliktir ve veri yapılarını hızlı ve kolay bir şekilde manipüle etmek için oldukça yararlıdır. Özellikle modern JavaScript uygulamalarında sıkça karşımıza çıkar.