Genişletme işlevi (...)'u nasıl kullanacağınızı öğrenin

JavaScript'te üç nokta işlevi (...) aynı zamanda genişletme işlevi olarak da bilinir.

Genişletme işlevi (spread operator)

JavaScript'in genişletme işlevi (...) bir döngüsel nesneyi (örneğin, diziyi) daha fazla elemana genişletmek için kullanılır.

Bu, mevcut dizinin tümünü veya bir kısmını başka bir diziye hızlı bir şekilde kopyalamamıza olanak tanır:

örnek

JavaScript'te genişletme işlevi ile iki dizi birleştirilir

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

kendiniz deneyin

Genişletme işlevi genellikle gerekli parçaları dizilerden çıkarmak için kullanılır:

örnek

numbers dizisinin ilk iki elemanını değişkenlere atın ve geri kalanını başka bir dizide tutun:

const numbers = [1, 2, 3, 4, 5, 6];
const [bir, iki, ...geriye_kalan] = numbers;

kendiniz deneyin

Aynı zamanda nesneler üzerinde de genişletme işlevini kullanabiliriz:

örnek

const myVehicle = {
  marka: 'Ford',
  model: 'Mustang',
  renk: 'red'
}
const updateMyVehicle = {
  type: 'car',
  year: 2021,
  renk: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

kendiniz deneyin

Lütfen dikkat edin, uyuşmayan özellikler birleştirildi, ancak uyuşan özellikler renk son son olarak girilen nesne updateMyVehicle Kapsadı. Son renk şimdi sarıdır.

İlgili sayfalar

Eğitim:JavaScript ES6