Mutlaka bilmeniz gereken 7 Javascript İpucu

1. Dizeyi sayıya çevirmek

Javascript’in tekli operatörü sayesinde bir dizeyi basit bir şekilde sayıya çevirebilirsiniz. Çevirmek için dize başına girmeniz yeterli. Fakat unutmayın bu işlem sadece Dize içerisinde barınan sayılar için geçerlidir. (Örnekte olduğu gibi)

dize = "123";
console.log(+dize);
// 123

dize_2 = "Yakışıklıyım"
console.log(+dize_2);
// NaN

2. Sayıyı dizeye çevirmek

İsterseniz sayıyı dizeye de çevirebilirsiniz. Sayı ile boş bir dizeyle toplamanız yeterli.

var artikObirDize = 5 + "";
console.log(artikObirDize);
// 5
console.log(typeof artikObirDize);
// string

3.Benzersiz değerlere ayıklamak

Aynı değerlerin bulunduğu bir dizi’yi ayıklayıp benzersiz değerlere sahip bir dizi oluşturabiliriz. Bunuda Set ve Spread operatörü ile yapıyoruz.

var cekmecem = [50,60,40,10,90,60,90,40,60,50];
var ihtiyacimOlanlar = [...New Set(cekmecem)];

console.log(ihtiyacimOlanlar);
// [50, 60, 40, 10, 90]

4. Çok boyutlu dizeleri düzleştirmek

Concat() metodunu ve spread operatörünü kullanmamız yeterli.

var sayilar = [1,2, [3,4], [5,6], 7, 8];
var duzeltilmisSayilar = [].concat(...sayilar);

console.log(duzeltilmisSayilar);
// [1, 2, 3, 4, 5, 6, 7, 8]

5. Tümünü değiştir

Hepimiz dize.replace fonksiyonunun işlevini biliyoruz fakat sadece ilk bulduğunu değiştirdiğini de biliyoruz. Neyse, düzenli ifadeler sayesinde dilersek tüm eşleşen verileri değiştirebiliriz.Dilerseniz örneğe bir göz atalım.

var ornek = "çörek çörek";

console.log(ornek.replace("çör", "k"));
// kek çörek
console.log(ornek.replace(/çör/g, "k"));
// kek kek

6. Koşullara kısa devre uygulamak

İlk önce aşağıda bulunan durumu inceleyelim.

if(hi){
sayHi();
}

Evet hiç bir hata yok fakat fazlalık var. Bu fazlalığı ise && mantık operatörüyle kaldırabiliriz. Aynen şöyle;

hi && sayHi();

Bu sizin çok daha kısa kodlar yazmanıza yardımcı olacaktır.

7. Uzunluğunu kurcalayarak dizeye mutasyon geçirtmek

Javascript’te dizenin length değerini dilediğimiz gibi düzenleyebiliriz. Bunu da avantajlı bir şekilde kullanabiliriz. Dilersek dizeyi kısaltabiliriz, dilersek dizeyi boşaltabiliriz.
Eğer dizeyi kısaltmak istersek;

var sayilar = [1,2,3,4,5,6,7,8]
console.log(sayilar.length);
// 8
sayilar.length = 5;
consolel.log(sayilar.length);
// 5
console.log(sayilar);
// [1,2,3,4,5]

Peki boşaltmak istiyorsak;

var sayilar = [1,2,3,4,5,6,7,8]
console.log(sayilar.length);
// 8
sayilar.length = 0;
console.log(sayilar.length);
// 0
console.log(sayilar);
// []

Sonuç

Gördüğünüz gibi, çok fazla kod yazmadan birçok görevi yaptık. Bu ipuçlarını kullanmak, kodunuzun daha temiz ve bakımı kolay olmasını sağlayacaktır.
Bu makaleyi okuduğunuz için teşekkür ederim, umarım faydalı bulmuşsunuzdur. Eğer öyleyse, bu blogu takip ederek daha fazla benzer içerik elde edin.

*Kaynak(lar): Spread, &&