Misaliperver: Javascript Trick Multiple

Bir Şeyler Deneyelim, Biraz Not Edelim

Bileniniz vardır, şu sıralar hobi olarak bir kaç projeyle uğraşıyorum işim dışında. Hem kendimi mesleğimde bir adım öteye taşıma arzusu, hemde yeni ve güzele olan tutkumun güdümlemesiyle kendimi kaptırıp ucubucağı olmayan okyanuslara doğru yelkenli bir tekne misali salına salına gidiyorum kodların arasında.

Kendimi anlatma faslını bir kenara bırakırsak, javascriptle kod yazarken kodumuzun biraz daha şık durması biraz daha sonuçlara hızlı varabilimemiz için bir kaç yöntem paylaşmak istiyorum;

1- Atama İşlemleri İçin Faydalı Velinimetler

 Amacımız karşılaştırma yapmak, data1 data2'den büyükse enbüyük o olsun ve ekrana yazsın istiyoruz. Eskiden olsa bunu if'le yapardık, elimizde bizi hızlandıracak daha minimal bir yapı var.

const data1 = 10;

const data2 = 20;

const enbuyuk = 0;

if( data1 < data2) enbuyuk = data2;

else enbuyuk = data1;

enbuyuk = (data2 > data1) ? data2 : data1;

2- Rastgelelik İçin Faydalı Velinimetler

 Elimizde bir dizi olsun ve biz o dizinin içinden rastgele bir değer çekelim;

const items = ["fatih" , 16, "keser", 214, "akrep", "vs"];

const random = items[Math.floor(Math.random() * item.length)];

 

 Rastgele harflerden oluşan bir ifade oluşturmak istiyoruz mesela bir unic id oluşturmak istiyoruz;

const generateID = len =>{

    let rndStr = "";

    for( ; rndStr.length < len ; rndStr += Math.random().toString(36).substr(2) );

    return rndStr.substr(0, len);

}

generateID(12); //12 harflik bir ranstgele ifade

3- Dizilerin İçinden Geçmek İçin Faydalı Velinimetler

Bir dizinin içindeki elemanları alalım tek tek işleme sokalım. Mesela bir dizimiz olsun içinde doğum yılları olsun, biz yaşları bulalım.

const dizi = [1996, 2004, 1981,1998];

var yaslar = [];

for(var i in dizi){  yaslar.push( 2019-dizi[i] ); }

yaslar = dizi.map( yil => { return 2019-yil;  } );

4- Bir Dizideki Duplicate Dataları Silme

Başlık yeterince açıklıyor sanki kodu...

const uniqueuArray = arr => [...new Set(arr)]; 

uniqueuArray( ["fatih",16 1239, "fatih" , false, true, "false", true]);

5- ES5 ile Nesneye Yönelimsi Constructor'lı Yapılar

Bizim bu javascript'te ES5, ES6, ES7, Typescript yok efendim Redux, ölme eşşeğim ölme bir sürü yazım tekniği var. ES6 class yapısını desteklerken, Typscript'in tamamı object orianted o ayrı konu;

ES5'te bir gün class'a benzer bir yapıya ihtiyaç duyarsanız, yardımınıza aşağıdaki yapı koşacaktır.

const Person = function(name="-", age=-1){ 

if(!(this instanceof Person)) return new Person(name, age);

     this.name = name;

     this.age = age; 

} 

let fatih = Person("fatihcan"); 

let can = new Person("fatihcan", 22);