Destructuring ve Spread Operator

Obje/dizi parçalama ve spread (...) kullanımı.

ES6 ile gelen en popüler özelliklerden ikisi Destructuring ve Spread operatörüdür:

Destructuring (Parçalama): Dizi veya objelerin elemanlarını tek satırda değişkenlere atama kolaylığı sağlar.
Spread Operatörü (Yayma - `...`): Dizi ve objeleri kopyalamak, elemanlarını yaymak veya birleştirmek için kullanılır.

Destructuring ve ... Operatörünün Kullanımı

// 1. Obje Destructuring
const device = { brand: "Apple", type: "Laptop", model: "MacBook" };
const { brand, model } = device; // Değişkenleri doğrudan çıkardık
console.log(brand, model); // "Apple" "MacBook"

// 2. Dizi Destructuring
const colors = ["Kırmızı", "Mavi", "Yeşil"];
const [firstColor, secondColor] = colors;
console.log(firstColor, secondColor); // "Kırmızı" "Mavi"

// 3. Spread Operator (...) ile Dizi/Obje kopyalama ve birleştirme
const arr1 = [1, 2];
const arr2 = [3, 4];
const combinedArr = [...arr1, ...arr2]; // [1, 2, 3, 4]
console.log("Birleşik Dizi:", combinedArr);

const baseConfig = { volume: 80 };
const finalConfig = { ...baseConfig, brightness: 90 }; // { volume: 80, brightness: 90 }