ES6+ ile Gelen Array Methodları sayesinde JavaScript'te yenilikçi yaklaşımlar mümkündür Bu blog yazımızda, birçok pratik örnekle birlikte Array Methodları'nın kullanımını öğreneceksiniz Hem başlangıç seviyesindeki hem de gelişmiş kullanıcılar için ideal olan ES6+ ile Gelen Array Methodları Kullanımı'nı keşfedin

Bir programlamacı için, dizi yönetimi oldukça önemli bir konudur. Dizileri yönetirken, düzenleme, ekleme, çıkarma gibi işlemler yapmak sıklıkla karşılaşılan durumlardan biridir. Bu amaçla da, ES6+ ile birlikte gelen array methodları oldukça faydalıdır. Array methodları, diziler üzerinde işlem yapmak için kullanılan özelliklerdir. Bu yöntemler sayesinde, dizi yönetimi oldukça kolay hale gelmiştir.

ES6+ ile birlikte gelen bazı array methodları şunlardır: forEach(), map(), filter(), reduce(), sort(), find(), slice(), splice(), ve concat(). Bu methodlar, diziler üzerinde işlem yapmak için oldukça faydalıdır ve programlama sürecini hızlandırır. Her bir methodun kendine özgü bir kullanımı ve faydası vardır. Bu makalede, bu methodların kullanımları ve faydaları detaylı bir şekilde incelenecektir.

forEach()

ES6+ ile birlikte birçok yeni özellik dahil edilmiştir. Yeni özelliklerden biri de array methodlarıdır. Bu makalede, ES6+ ile birlikte gelen bazı array methodlarının neler olduğu ve kullanımları hakkında bilgi vereceğiz. Bu sayede array işlemleri yaparken daha kısa ve kolay yoldan işlemler gerçekleştirebilirsiniz.

Bu yeni özelliklerden biri olan forEach() methodu, bir dizi içindeki her bir öğeyi seçer ve o öğe için bir işlem yapar. forEach() metodunun kullanımı oldukça basittir. Örnek olarak elimizde bir liste olsun ve içerisindeki her bir öğenin değerini ekrana yazdıralım. Bunu aşağıdaki gibi yapabiliriz:

let liste = ["Elma", "Armut", "Çilek", "Muz"];liste.forEach(function(eleman) {  console.log(eleman);});

ElmaArmutÇilekMuz

forEach() metodunun faydalarından biri, kodun daha sade ve okunaklı hale getirilmesidir. Ayrıca, forEach() metodunu kullanarak veri manipülasyonu yapabiliriz. Örneğin, bir dizi içindeki tüm öğelerin değerlerini iki katına çıkarabiliriz:

let liste = [1, 2, 3, 4];liste.forEach(function(eleman, indeks, dizi) {  dizi[indeks] = eleman * 2;});console.log(liste);

[2, 4, 6, 8]

Burada, forEach() metodunu kullanarak dizi içindeki her bir öğeyi seçtik ve o öğenin değerini iki katına çıkardık. Bu sayede, forEach() metodunun veri manipülasyonu yapma yeteneğini de görmüş olduk.

Yukarıdaki örneklerden de anlaşılacağı gibi, forEach() metodunun kullanımı oldukça kolaydır. Kodun daha okunaklı ve düzenli hale getirilmesinin yanı sıra, veri manipülasyonu gibi işlemler de kolayca yapılabilmektedir.

map()

ES6+ ile gelen bir diğer array methodu ise map() methodudur. Bu method, mevcut bir dizinin elemanlarını bir fonksiyon aracılığıyla dönüştürmek için kullanılır. map() methodu, orijinal diziyi değiştirmez, aksine yeni bir dizi oluşturur. Bu nedenle, bu methodu kullanırken dikkatli olunması gerekir.

map() methodu, forEach() methodu gibi, her bir eleman için bir fonksiyon alır. Ancak, forEach() methodundan farklı olarak, map() methodu her bir elemandan elde edilen değerleri yeni bir diziye kaydeder. Bu şekilde, orijinal diziyi değiştirme riski olmadan, elde ettiğimiz yeni diziyi başka bir amaç için kullanabiliriz.

Aşağıdaki örnekte, bir dizinin elemanlarının kareleri alarak yeni bir dizi oluşturduk:

map() methodunun faydalarından bir diğeri, yeni dizi oluşturulurken orijinal diziyi değiştirme riskinin olmamasıdır. Bu nedenle, var olan bir diziyi değiştirmeden, sadece belirli bir işlem yapmak istediğimiz durumlarda map() methodu oldukça kullanışlıdır.

• map() methodu, esnek bir işlevselliğe sahiptir.
• map() methodu, orijinal diziyi değiştirme riski olmadan yeni bir dizi oluşturur.
• map() methodu, tüm elemanlar üzerinde bir işlem yapmak için oldukça kullanışlıdır.

filter()

ES6+ ile birlikte gelen array methodlarından biri de filter() methodudur. Bu method, belirlediğimiz koşula uyan tüm elemanları yeni bir array halinde döndürür. filter() methodu genellikle bir array içerisindeki belirli elemanları almak veya array içerisinde aradığımız bir veriyi bulmak için kullanılır.

filter() methodunun kullanımı oldukça basittir. Öncelikle bir array üzerinde kullanarak, bu array içerisinde belirli bir koşulu sağlayan elemanları filtreleyebiliriz. Bunun için öncelikle bir koşul belirlememiz gerekiyor. Bu koşulun sağlanması halinde, o elemanı yeni bir array halinde almamız gerekiyor.

Örneğin, aşağıdaki gibi bir numbers array'imiz olsun:

```const numbers = [10,20,30,40,50];```

Bu array içerisinde 20'den büyük olan tüm elemanları filtrelemek için:

```const filtered = numbers.filter(number => number > 20);// filtered == [30,40,50]```

Yukarıdaki örnekte, filter() methodu kullanılarak, 20'den büyük olan tüm elemanlar yeni bir array halinde filtered ismiyle tanımlandı.

filter() methodu, özellikle büyük veri setleri üzerinde çok kullanışlıdır. Büyük veri setlerinde, belirli bir koşula ya da aradığımız veriye uygun elemanları bulmak için filter() methodu kullanmak, diğer alternatiflere göre daha performanslı sonuçlar elde etmemizi sağlar.

Özetle, filter() methodu, bir array içerisindeki elemanları belirli bir koşula uygun olarak filtrelemek için kullanılır. Bu method sayesinde büyük veri setleri üzerinde arama yaparken daha performanslı bir şekilde bulunduğumuz veriyi bulabiliriz.

reduce()

reduce() methodu, bir dizi içindeki herhangi bir veri türüne uygulanabilen bir JavaScript fonksiyonudur. Bu yöntem, dizi elemanlarının bir araya getirilmesini, azaltılmasını veya birleştirilmesini sağlar. Ayrıca, reduce() methodu ile toplama, en büyük/ en küçük değer bulma gibi işlemler gerçekleştirilebilir.

Kullanımı oldukça basit olan reduce() methodu, iki adet parametre alır. İlk parametre olarak kullanılacak olan işlev, dizi içerisindeki elemanlara uygulanacaktır. İkinci parametre ise, işlevin başlangıç değeridir. Yani dizi üzerinde işlemlerin yapılmaya başlanacağı noktayı belirtir.

Örnek olarak, bir dizi içerisindeki sayıların toplamını almak istediğimizi düşünelim. Bunu reduce() methodu ile gerçekleştirmek oldukça kolaydır. İlk önce, bir işlev tanımlamalıyız:

const dizi = [5, 10, 15, 20];const toplam = dizi.reduce((x, y) => x + y, 0);console.log(toplam); // 50

Yukarıdaki örnekte, reduce() methodu ile dizi elemanları toplamı alınmıştır. İlk olarak, dizi içerisindeki elemanlara uygulanacak olan fonksiyon (x + y) belirlenir. İkinci olarak, işlemlere nereden başlanacağı belirlenir; burada başlangıç değeri olarak sıfır kullanılmıştır.

Bu durumda, dizi elemanlarının toplamı 50 olarak elde edilir. Benzer şekilde, reduce() methodu ile aynı dizi üzerinde en büyük ve en küçük değerin bulunması sağlanabilir. Bu yöntem, dizi kullanarak birçok işlemin daha hızlı ve kolay yapılmasını sağlamaktadır.

Sonuç olarak, reduce() methodu özellikle fonksiyonel programlama teknikleri kullanılarak bir dizi üzerinde yapılabilecek işlemlerin hızlı ve kolay gerçekleştirilmesine olanak tanımaktadır. İşlevsel programlama için oldukça önemli olan bu yöntemin, öğrenilmesi ve kullanılması gerçekten faydalıdır.

sort()

ES6+ ile birlikte gelen array methodlarından biri olan sort() methodu, bir dizideki elemanları sıralamak için kullanılır. Bu method, diziyi düzenli bir şekilde listelemek için oldukça etkilidir. Sort() methodu, varsayılan olarak diziyi alfabetik sıraya veya küçükten büyüğe sıralar. Ancak, özel bir sıralama işlemi yapmak istiyorsanız, bir fonksiyon kullanarak sıralama talimatları belirleyebilirsiniz.

Sort() methodu, küçükten büyüğe sıralama işlemi yapar. Eğer büyükten küçüğe sıralamak istiyorsanız, bir fonksiyon belirlemelisiniz. Örneğin;

```javascriptlet numbers = [10, 5, 8, 3, 6];numbers.sort((a, b) => b - a);```Bu kod parçası, numbers dizisindeki sayıları büyükten küçüğe doğru sıralar.

Sort() methodu, dizideki hayvanları alfabetik olarak sıralayan bir örnek ise şu şekilde olabilir;

```javascriptlet animals = ['sincap', 'fil', 'kedi', 'köpek', 'aslan'];animals.sort();```

Bu kod parçası, animals dizisindeki hayvanları alfabetik olarak sıralar.

Unutmayın, bu methodun sıralama işlemine etkisi, fonksiyonun içindeki talimatlarla belirlenir. Bu talimatları kullanarak, sort() methodunu her türlü veride kullanabilirsiniz.

find()

Array methodları ile ilgili bilgi sahibi olanların mutlaka duyduğu bir method olan find(), yeni özellikleriyle ES6+’da karşımıza çıkıyor. Bu method, bir dizi içinde yer alan ve belirli bir koşulu taşıyan ilk elemanın değerini döndürür.

Örneğin, bir dizide bulunan en küçük sayıyı bulmak istediğinizde find() methodunu kullanmanız mümkündür. Böylece, dizide yer alan elemanlar arasında dolaşılarak en küçük sayı bulunur ve değeri return edilir.

Bunun dışında, find() methodunu kullanarak belirli koşullara göre filtreleme işlemleri de gerçekleştirilebilir. Bu sayede, karmaşık dizilerin içinde yer alan elemanların kolayca bulunması sağlanır.

find() methodunun avantajları arasında, kodun daha okunaklı ve anlaşılır olması yer alır. Bunun yanı sıra, dizi içerisinde yer alan belirli elemanların hızlı bir şekilde bulunabilmesi de sayılabilir.

slice()

slice() methodu, dizinin belirtilen aralığını alarak yeni bir dizi oluşturur ve orijinal dizideki elemanları değiştirmez. slice() methodu, ilk indeks ve son indeks parametreleri alır. İlk indeks, yeni dizinin başlangıç indeksini belirtir ve son indeks, yeni dizinin son indeksini belirtir.

slice() methodunun en büyük faydası, orijinal diziyi değiştirmeden belirli bir aralıktaki elemanları alabilmesidir. Ayrıca, slice() kullanarak belirli bir indeks aralığındaki elemanları almak daha hızlıdır çünkü orijinal dizi değiştirilmez.

Aşağıdaki örnek, slice() methodunun nasıl kullanıldığını göstermektedir:

let arr = [1, 2, 3, 4, 5];let newArr = arr.slice(1, 4);console.log(newArr); // [2, 3, 4]console.log(arr); // [1, 2, 3, 4, 5]

Yukarıdaki örnekte, arr dizisinin 1. indeksinden başlayarak 4. indeksine kadar olan elemanlar alınarak yeni bir dizi oluşturulur. Yeni dizi, newArr değişkenine atanır ve yazdırıldığında [2, 3, 4] çıktısı verir. Orijinal dizi, arr değişkeninde değişiklik olmadan kaldığı için [1, 2, 3, 4, 5] olarak yazdırılır.

slice() methodu, negatif indeksleri de kabul edebilir. Negatif bir indeks, dizinin sonundan başlayarak belirtilen sayıya kadar olan elemanları belirtir. Aşağıdaki örnek, slice() methodunun negatif indekslerle nasıl kullanıldığını gösterir:

let arr = [1, 2, 3, 4, 5];let newArr = arr.slice(-3, -1);console.log(newArr); // [3, 4]console.log(arr); // [1, 2, 3, 4, 5]

Yukarıdaki örnekte, newArr değişkeni arr dizisinin -3. indeksinden başlayarak -1. indeksine kadar olan elemanları içermektedir. Yeni dizi [3, 4] olarak yazdırılır ve orijinal dizi [1, 2, 3, 4, 5] olarak kalır.

slice() methodu, özellikle büyük veri kümesi işlemlerinde kullanışlıdır. Dizinin belirli bir aralığına erişmek, elemanları ayrı bir diziye kopyalamak için kullanılabilir. slice() metodunun kullanımı basit ve çok yönlüdür ve JavaScript kodlarını daha okunaklı hale getirebilir.