JavaScript Dizi Fonksiyonları
Javascript meraklılarına selamlar :)
Javascriptte array makale dizimizde bugün yep yeni konumuz olan dizi fonksiyonlarını öğreneceğiz,açıkçası javascript
dizilerini etkin bir şekilde kullanabilmek için bu fonksiyonlarını mutlaka bilmemiz gerekmektedir.
Dizi fonksiyonlarını .net framework mimarisi gibi düşünebiliriz ve dolayısıyla dizi değişken adı sonuna nokta işareti
koyarak ya da parametre belirterek dizi fonksiyonlarına ulaşabiliriz.
Öncelikle Adobe Dreamveawer uygulamamızı açıp yeni bir boş HTML belgesi oluşturuyor ve hemen head tagı içerisine dizi fonksiyonlarıyla ilgili örneklerimizi gerçekleştireceğimiz javascript script tagını yazıyoruz:
ve ardından örnek uygulamalarımız için fonksiyonlar kurmadan önce tüm fonksiyonlar tarafından kullanacağımız ortak bir
dizi tanımlıyoruz:
Bundan sonra ise her dizi fonksiyonu için javascript fonksiyonlarını yazacağız :)
Şimdi sırasıyla dizi fonksiyonlarımızı görelim:
1-Length Fonksiyonu
Dizinin içeriğinde kaç eleman olduğunu geri döndürür ve kullanım şekli dizi_degiskeni.length; şeklindedir.
Örnek olarak:
2-Concat Fonksiyonu
Birden çok diziyi birleştirmeyi sağlar ve herhangi bir sınırı yoktur.Kullanım şekli dizi_degiskeni.concat(ikinci_dizi,ucuncu_dizi,...);
şeklindedir.
Örneğin;
3-Join Fonksiyonu
Dizi elemanları arasına istenilen bir karakter konularak string tipinde geri dönüş yapılmasını sağlar.Kullanım şekli dizi_degiskeni.join('karakter');
şeklindedir.
Örneğin:
4-Shift Fonksiyonu
Dizi içerisindeki ilk elemanı geri döndürür ve geri dönen elemanı diziden kaldırır.Kullanım şekli dizi_degiskeni.shift(); şeklindedir.
Örneğin:
5-Pop Fonksiyonu
Shift fonksiyonuyla benzer işlevi sağlar ancak dizinin ilk değil son elemanıyla ilgilidir.Kullanım şekli yine aynıdır.
Örnek:
6-Push Fonksiyonu
Varolan bir javascript dizisine yeni elemanlar ekler ancak önceki dizi elemanları koruma altında olduğu için son indexten
bir fazlası olarak işleme başlar.Kullanım şekli ise dizi_degiskeni.push(eleman1,eleman2,...) şeklindedir.
Örneğin:
7-UnShift Fonksiyonu
Push metoduna benzer ve dizinin başına yeni bir eleman ekler.Push metodundan farklı olarak dizinin başına eklenen her
elemanın index değeri 0 olarak atanacağı için dizideki diğer elemanların index değerleri +1 olarak artırılır(index kaydırma).
Kullanımı ise
dizi_degiskeni.UnShift(eleman); şeklindedir.
Örneğin:
8-Reverse Fonksiyonu
Dizideki tüm elemanların yerlerin simetrik biçimde değiştirir,yani 10 elemanlı bir dizideki 8.eleman reverse edildikten sonra yeni index değeri 2 olur.Kullanım şekli ise dizi_degiskeni.reverse(); biçimindedir.
Örneğin:
9-Sort Fonksiyonu
Dizinin elemanlarını string ifadeye çevirip baş harflerine göre ASCII kurallı olarak alfabetik olarak sıralar.Kullanımı ise dizi_degiskeni.sort(); biçimindedir.
Örneğin:
10-Slice Fonksiyonu
Dizideki elemanların belirli bir kısmını seçer ve yeni bir dizi olarak geri döndürür.Kullanım şekli ise dizi_degiskeni.slice(başlangıçIndexi,bitişIndexi); şeklindedir.
Örneğin dizinin ilk 3 elemanını yeni bir diziye atayalım:
11-Every Fonksiyonu
Dizi elemanlarının her birinin belirleyeceğimiz niteliğe sahip olup olmadığını denetler ve sonucu boolean olarak true ya da
false olarak geri döndürür.Bu fonksiyon için "is" ile başlayan javascript deyimleri kullanılabilir,örneğin dizideki elemanların
sayısal tiplerde olup olmadığını kontrol edelim:
12-Filter Fonksiyonu
Every fonksiyonuna benzer biçimdedir ve dizi içeriğini yazılacak bir fonksiyona göre filtreleyip yeni bir dizi olarak geri
döndürür.
Örneğin:
13-Foreach Fonksiyonu
Aslen bir döngü olan foreach fonksiyonu dizideki elemanları tek tek çağırarak gelen her bir değer için işlem yapmamıza
olanak sağlar.Kullanım şekli ise dizi_degiskeni.forEach(fonksiyon(dizi_degiskeni,index)); şeklindedir.
Örneğin:
Foreach fonksiyonuna göre yazması daha kolay alternatif olarak for in döngüsünü kullanmanızı öneririm.
14-IndexOf Fonksiyonu
Dizi elemanının dizideki index değerini verir.Kullanımı ise
dizi_degiskeni.indexOf(eleman); şeklindedir.
Örneğin:
15-LastIndexOf Fonksiyonu
Bir dizide aynı eleman birden çok farklı indexlerde yer alabilir ve bu fonksiyon aynı elemanın en sondaki index değerini
geri döndürür.Eğer bahsi geçen eleman dizide hiç varolmamışsa -1 değeri geri döner.Kullanımı ise dizi_degiskeni.lasIndexOf(deger); şeklindedir.
Örneğin:
16-Map Fonksiyonu
Dizi elemanlarının ek bir fonksiyona tabi tuttuktan sonra yeni bir dizi halinde geri döndürür.Kullanımı ise dizi_degiskeni.map(fonksiyon); şeklindedir.
Elle yazılabilecek basit fonksiyonlarla aynı işlevi görmektedir.
17-Reduce Fonksiyonu
Dizi elemanlarını parametreye göre yazılacak yeni bir fonksiyonla işleme tabi tutar.
18-Some Fonksiyonu
Dizi elemanlarını belli kriterlere göre uygunluğunu kontrol eder ve sonucu boolean olarak geri döndürür.
19-ToSource Fonksiyonu
Dizinin tanımlama şeklini aynen string ifade ile geri döndürür,burada index işaretleri dahil tüm yazım şekilleri düz
metin haline dönüşür.
20-ToString Fonksiyonu
Javascript dahil diğer birçok programlama dilinde sıkça kullanılan bu metot dizilerle birlikte sınırlı kalmamaktadır.Dizi
fonksiyonu olarak ise dizideki tüm elemanları yan yana duracak şekilde string metne dönüştürür.
Buraya kadar gördüğümüz dizi fonksiyonları dizilerle ilgili çalışmamız gereken durumlara bizlere yardımcı olmaktadırlar,
elbette hepsini ezbere bilmemiz gerekmiyor zamanla kendilerine alışıyoruz.Üstelik birçok fonksiyona alternatif olarak
aynı işlevleri sunan kodları kendimizde yazabiliriz :)
Javascript fonksiyonları olarak bu makalemizin sonuna gelmiş bulunmaktayız.İlerideki makalelerimizde bu fonksiyonları
yeri geldiğinde tekrar kullanacağız.Bir sonraki makalemizde görüşmek üzere hoşçakalın :)
Javascriptte array makale dizimizde bugün yep yeni konumuz olan dizi fonksiyonlarını öğreneceğiz,açıkçası javascript
dizilerini etkin bir şekilde kullanabilmek için bu fonksiyonlarını mutlaka bilmemiz gerekmektedir.
Dizi fonksiyonlarını .net framework mimarisi gibi düşünebiliriz ve dolayısıyla dizi değişken adı sonuna nokta işareti
koyarak ya da parametre belirterek dizi fonksiyonlarına ulaşabiliriz.
Öncelikle Adobe Dreamveawer uygulamamızı açıp yeni bir boş HTML belgesi oluşturuyor ve hemen head tagı içerisine dizi fonksiyonlarıyla ilgili örneklerimizi gerçekleştireceğimiz javascript script tagını yazıyoruz:
ve ardından örnek uygulamalarımız için fonksiyonlar kurmadan önce tüm fonksiyonlar tarafından kullanacağımız ortak bir
dizi tanımlıyoruz:
Bundan sonra ise her dizi fonksiyonu için javascript fonksiyonlarını yazacağız :)
Şimdi sırasıyla dizi fonksiyonlarımızı görelim:
1-Length Fonksiyonu
Dizinin içeriğinde kaç eleman olduğunu geri döndürür ve kullanım şekli dizi_degiskeni.length; şeklindedir.
Örnek olarak:
2-Concat Fonksiyonu
Birden çok diziyi birleştirmeyi sağlar ve herhangi bir sınırı yoktur.Kullanım şekli dizi_degiskeni.concat(ikinci_dizi,ucuncu_dizi,...);
şeklindedir.
Örneğin;
3-Join Fonksiyonu
Dizi elemanları arasına istenilen bir karakter konularak string tipinde geri dönüş yapılmasını sağlar.Kullanım şekli dizi_degiskeni.join('karakter');
şeklindedir.
Örneğin:
4-Shift Fonksiyonu
Dizi içerisindeki ilk elemanı geri döndürür ve geri dönen elemanı diziden kaldırır.Kullanım şekli dizi_degiskeni.shift(); şeklindedir.
Örneğin:
5-Pop Fonksiyonu
Shift fonksiyonuyla benzer işlevi sağlar ancak dizinin ilk değil son elemanıyla ilgilidir.Kullanım şekli yine aynıdır.
Örnek:
6-Push Fonksiyonu
Varolan bir javascript dizisine yeni elemanlar ekler ancak önceki dizi elemanları koruma altında olduğu için son indexten
bir fazlası olarak işleme başlar.Kullanım şekli ise dizi_degiskeni.push(eleman1,eleman2,...) şeklindedir.
Örneğin:
7-UnShift Fonksiyonu
Push metoduna benzer ve dizinin başına yeni bir eleman ekler.Push metodundan farklı olarak dizinin başına eklenen her
elemanın index değeri 0 olarak atanacağı için dizideki diğer elemanların index değerleri +1 olarak artırılır(index kaydırma).
Kullanımı ise
dizi_degiskeni.UnShift(eleman); şeklindedir.
Örneğin:
8-Reverse Fonksiyonu
Dizideki tüm elemanların yerlerin simetrik biçimde değiştirir,yani 10 elemanlı bir dizideki 8.eleman reverse edildikten sonra yeni index değeri 2 olur.Kullanım şekli ise dizi_degiskeni.reverse(); biçimindedir.
Örneğin:
9-Sort Fonksiyonu
Dizinin elemanlarını string ifadeye çevirip baş harflerine göre ASCII kurallı olarak alfabetik olarak sıralar.Kullanımı ise dizi_degiskeni.sort(); biçimindedir.
Örneğin:
10-Slice Fonksiyonu
Dizideki elemanların belirli bir kısmını seçer ve yeni bir dizi olarak geri döndürür.Kullanım şekli ise dizi_degiskeni.slice(başlangıçIndexi,bitişIndexi); şeklindedir.
Örneğin dizinin ilk 3 elemanını yeni bir diziye atayalım:
11-Every Fonksiyonu
Dizi elemanlarının her birinin belirleyeceğimiz niteliğe sahip olup olmadığını denetler ve sonucu boolean olarak true ya da
false olarak geri döndürür.Bu fonksiyon için "is" ile başlayan javascript deyimleri kullanılabilir,örneğin dizideki elemanların
sayısal tiplerde olup olmadığını kontrol edelim:
12-Filter Fonksiyonu
Every fonksiyonuna benzer biçimdedir ve dizi içeriğini yazılacak bir fonksiyona göre filtreleyip yeni bir dizi olarak geri
döndürür.
Örneğin:
13-Foreach Fonksiyonu
Aslen bir döngü olan foreach fonksiyonu dizideki elemanları tek tek çağırarak gelen her bir değer için işlem yapmamıza
olanak sağlar.Kullanım şekli ise dizi_degiskeni.forEach(fonksiyon(dizi_degiskeni,index)); şeklindedir.
Örneğin:
Foreach fonksiyonuna göre yazması daha kolay alternatif olarak for in döngüsünü kullanmanızı öneririm.
14-IndexOf Fonksiyonu
Dizi elemanının dizideki index değerini verir.Kullanımı ise
dizi_degiskeni.indexOf(eleman); şeklindedir.
Örneğin:
15-LastIndexOf Fonksiyonu
Bir dizide aynı eleman birden çok farklı indexlerde yer alabilir ve bu fonksiyon aynı elemanın en sondaki index değerini
geri döndürür.Eğer bahsi geçen eleman dizide hiç varolmamışsa -1 değeri geri döner.Kullanımı ise dizi_degiskeni.lasIndexOf(deger); şeklindedir.
Örneğin:
16-Map Fonksiyonu
Dizi elemanlarının ek bir fonksiyona tabi tuttuktan sonra yeni bir dizi halinde geri döndürür.Kullanımı ise dizi_degiskeni.map(fonksiyon); şeklindedir.
Elle yazılabilecek basit fonksiyonlarla aynı işlevi görmektedir.
17-Reduce Fonksiyonu
Dizi elemanlarını parametreye göre yazılacak yeni bir fonksiyonla işleme tabi tutar.
18-Some Fonksiyonu
Dizi elemanlarını belli kriterlere göre uygunluğunu kontrol eder ve sonucu boolean olarak geri döndürür.
19-ToSource Fonksiyonu
Dizinin tanımlama şeklini aynen string ifade ile geri döndürür,burada index işaretleri dahil tüm yazım şekilleri düz
metin haline dönüşür.
20-ToString Fonksiyonu
Javascript dahil diğer birçok programlama dilinde sıkça kullanılan bu metot dizilerle birlikte sınırlı kalmamaktadır.Dizi
fonksiyonu olarak ise dizideki tüm elemanları yan yana duracak şekilde string metne dönüştürür.
Buraya kadar gördüğümüz dizi fonksiyonları dizilerle ilgili çalışmamız gereken durumlara bizlere yardımcı olmaktadırlar,
elbette hepsini ezbere bilmemiz gerekmiyor zamanla kendilerine alışıyoruz.Üstelik birçok fonksiyona alternatif olarak
aynı işlevleri sunan kodları kendimizde yazabiliriz :)
Javascript fonksiyonları olarak bu makalemizin sonuna gelmiş bulunmaktayız.İlerideki makalelerimizde bu fonksiyonları
yeri geldiğinde tekrar kullanacağız.Bir sonraki makalemizde görüşmek üzere hoşçakalın :)