ES6'da yıkım

Yıkmak, bir şeyin yapısını sökmek demektir. Javascript'te, bir dizi, bir nesne veya bunların ayrı ayrı parçalandığı ve ardından değişkenlere yeniden atandığı bir dize olabilir.

Dizileri Yok Etme

ES6'dan önce, bir dizinin değerlerini bireysel değişkenlere atayacak olsaydınız, şu şekilde yapılırdı:

Ama sonra ES6 geldi. Bunun aşağıdaki örnekte işleri nasıl değiştirdiğini görelim:

Anlamak kolay. Skor dizisinin değerlerini bozduk ve dizinin öğelerini tanımlandıkları sıraya göre miras alacak değişkenler oluşturduk. O halde, puanlar dizisinin 500 olan ilk değeri x olsun, y, 400 olan ikinci değer olsun ve z için aynı olsun.

Bu Not [x, y, z] olduğu olmayan bir yeni bir dizi .

Bir diziyi yok ettiğimiz ve dizinin elemanlarından daha fazla değişken oluşturduğumuz bir durumda, miras alacak elemanı olmayan her değişken tanımsız olarak döner. Aşağıdaki örnek:

Yeni bir 'w' değişkeni ekledik, ancak tahrip edilmiş diziden miras alacağı hiçbir öğe kalmadığından tanımsız olarak döndü.

Devralacak hiçbir öğesi kalmadığından w öğesine varsayılan bir değer atanabilir, aşağıdaki örneğe bakın:

Orijinal dizideki öğeleri atlama

Kalıtım sırasını atlamak ve dizideki farklı bir öğeye atlamak isteyeceğiniz bir durumda, orijinal dizide atlanacak öğenin konumuna virgül koyarak virgüllerin arasına beyaz boşluklar koyarak yapılır. Bir göz atın:

Dizideki (500) ilk elemanı atladık ve ikinci elemandan atamaya başladık.

Dinlenme Parametresini Kullanma

Rest parametreleri ve Spread sözdizimine ve bunların nasıl kullanılacağına zaten aşina olduğunuz varsayılmaktadır .

Yukarıdaki örnekte, dizideki ilk öğeye x atanır ve öğelerin "geri kalanı", kendisine atanan öğeleri içeren bir dizi döndüren rest parametresi sözdizimi "..." kullanılarak y'ye atanır.

Nesneleri Yok Etme

Yukarıdaki örneklerde dizileri yok ediyorduk. Şimdi bir örnekle başlayarak nesneleri nasıl yok edebileceğimizi görelim:

Farkları zaten görebilirsiniz – küme parantezleri ve nesne adlarını yok ederken değişken adları olarak kullanmamız; adları değiştirmek tanımsız olarak dönecektir, ancak bu, onları kullanmak zorunda olduğunuz anlamına gelmez. Nesne adlarını nasıl geçersiz kılabileceğinizi görelim:

Şimdi, varsayılan nesne adlarını geçersiz kılacak yeni değişken adları atadık.

Dizeleri Yok Etmek

Burada “UI” dizgisi ayrı ayrı ayrılır ve oluşturulan değişkenlere atanır. Peki ya dizgede "UI önemlidir" gibi daha fazla karakterimiz olsaydı? Çıktı ne olurdu? Çıktı, dizelerin yok edilmesi her kelimeden değil, karakterden karakterden sonra yapıldığı için aynı kalacaktır, böylece dizede birlikte gruplanmış olsalar bile önce 'U' karakteri, ardından 'I' karakteri atanır.

Bu makale için bunu yapıyor. Umarım bu noktada, yıkımın nasıl çalıştığını anlamışsınızdır ve bir geliştirici olarak ilerlerken bunları kullanmakta rahat olursunuz. Okuduğunuz için teşekkürler. Ayrıca makalelerimin doğrudan e-postanıza gönderilmesini sağlamak için abone olabilirsiniz. Mutlu kodlama!