JavaScript’te zaman kazandıracak yöntemler

Mehmet Aras
Yolda.com Tech
Published in
2 min readDec 1, 2022

Bazen, bazı yöntemler, sonuca daha az kod ile veya daha okunabilir bir kod bloğuyla ulaşmamızı sağlayabilir. Hadi bu yöntemlere biraz yakından göz atalım.

Photo by ilgmyzin on Unsplash

1. Birden çok değişkene değer atamak

Destructuring assignment yöntemiyle birden çok değişkene bir satırda değer atayabiliriz.

2. İki değişkeni değiştirme (swapping variables)

Aynı şekilde burada da destructuring assignment yöntemiyle değişkenleri değiştirebiliriz.

3. Çoklu koşul kontrolü

İfadeleri OR (||) operatörleri ile ayırmak yerine, indexOf veya includes dizi metodlarını kullanabiliriz.

4. Varsayılan değer atama

Logical OR (||) operatörüyle değişkenlere default değer atayabiliriz.

Burada, bu yöntemi ES6 ile gelen Nullish coalescing (??) operatöründen ayırmak gerekir. Bu operatör sadece null ve undefined durumlarını kontrol eder.

Örneğin, Shorthand bölümünde OR (||) yerine Nullish coalescing operatörünü kullandığımızda, yani;

Bu durumda getUrlPath() metodu return değeri olarak; false, 0 veya ‘’ döndüğünde istediğimiz gibi çalışmayacaktır.

5. Dizide yinelenen elemanları kaldırmak

JavaScript’te Set objesi yalnızca benzersiz öğeleri saklar. Bunu spread (…) operatörü ile beraber kullanırsak gayet sade bir kod elde edebiliriz.

6. Dizide Max veya Min elemanı bulmak

Döngü veya reduce() metoduyla yapmak yerine, yukarıdaki gibi spread (…) operatöründen yardım alarak yapabiliriz.

7. Bir ifadeyi tekrarlamak

Döngü yerine repeat() metoduyla kodu kısaltabiliriz.

8. For döngüleri

JavaScript’te döngü yapabilmek için birden fazla yöntem vardır. For ile kullanabileceklerimize bakalım.

a. Geleneksel For Döngüsü

Programlamaya başladığımızda ilk öğrendiğimiz döngü.

b. For of

Bu yöntemi kullandığımızda, val değeri, bize dizinin içindeki elemanın değerini verecektir.

c. For in

Burada ise elemanın index değerini verecektir.

for in ve for of döngülerini birbirleriyle karıştırıyorsanız, aklınızda in ifadesini index ifadesi ile eşleştirebilirsiniz :)

d. forEach

Benchmarks: https://www.measurethat.net/Benchmarks/ShowResult/358259

9. Number tipine dönüştürmek (Unary plus operator)

Number(), parseInt() veya parseFloat() gibi metodlar yerine Unary plus operator (+) kullanarak dönüşüm sağlayabiliriz.

10. Üs almak

Bir sayının kuvvetini bulmak için Math.pow() yöntemini kullanabiliriz. Bunu double asterisk (**) ile daha kısa bir hale getirebiliriz.

11. Double NOT bitwise operator (~~)

Bu operatör Math.floor() yönteminin yerine kullanılabilir ve noktadan önceki sayıya, tabana yuvarlama işlemi için kullanılır.

Not: Bu operatör yaklaşımı yalnızca 32 bitlik tamsayılar için çalışır, yani (2**31)-1 = 2147483647. Bu nedenle, 2147483647'den büyük ve 0 'dan küçük herhangi bir sayı için, bitwise operatörü (~~) yanlış sonuçlar verecektir, bu nedenle böyle bir durumda Math.floor() metodunu kullanmak gerekir.

12. Objelere özellik atamak

Objeler anahtar:değer (key:value) ikililerinden oluşur. Değişken ve obje anahtarının ismi aynıysa, burada sadece değişken adını belirtebiliriz. JavaScript, anahtarı, değişken adıyla otomatik olarak ayarlayacak ve bu değişkenin değerini objenin içine yerleştirecektir.

13. Objeden özelliği kaldırmak

Bir objeden bir özelliği kaldırmak için delete operatörünü kullanabiliriz, ancak aynı anda birden çok özelliği kaldırmak için Rest Parameters’i Destructuring Assignment ile beraber kullanabiliriz.

14. Diziden falsy elemanları kaldırmak

Not: Burada sıfır (0) falsy bir değer olarak kabul edildiğinden her iki durumda da kaldırılacaktır. Sıfır değerini tutmak için fazladan bir kontrol ekleyebilirsiniz.

Bu teknikler her zaman birbirinin yerine geçemeyebilir veya her projede kullanılmaya uygun olmayabilir.

Bana ve Yolda.com ekibi’ne her zaman merhaba diyebilirsiniz.

Kahveli ve müzikli kodlamalar…

--

--