JavaScript Dizi Metodları

Dizi Nedir ve Neden Kullanmalıyız?

Bilgisayar programlama dünyasında “dizi” terimi oldukça yaygın bir şekilde kullanılır. Peki, dizi nedir ve neden bu kadar önemlidir? Dizi, aynı veri türünden birden çok değeri tutmak için kullanılan bir veri yapısıdır. Örneğin, bir liste içinde birden çok sayıyı veya metni saklayabiliriz. Bu, programlama dilindeki birçok problemin çözümünde büyük bir kolaylık sağlar.

Birçok durumda, verileri düzenli bir şekilde takip etmemiz gerekebilir. İşte bu noktada diziler devreye girer. Diziler sayesinde, verileri bir arada tutabilir ve onları daha kolay işleyebiliriz. Örneğin, bir sınıftaki öğrencilerin notlarını tutmak istediğimizi düşünelim. Her bir öğrencinin notunu ayrı ayrı değişkenlerde tutmak yerine, bu notları bir dizi içinde saklayabiliriz. Böylece, öğrencilerin notlarına kolayca erişebilir ve istediğimiz işlemleri yapabiliriz.

Diziler ayrıca programlamanın temel yapı taşlarından biridir çünkü birçok dizi işlem metoduna sahiptirler. Örneğin, push() metodu ile bir diziye veri ekleyebilir veya pop() metodu ile diziden veri çıkarabilirsiniz. Ayrıca, concat() metodu ile dizileri birleştirebilir, sort() metodu ile diziyi sıralayabilir ve filter() metodu ile belirli özelliklere sahip verileri seçebilirsiniz. Bunlar sadece bazı örneklerdir ve dizilerin sunduğu imkanlar oldukça geniştir.

Metod	Açıklama
push()	Dizinin sonuna yeni bir öğe ekler.
pop()	Dizinin sonundaki öğeyi çıkarır ve geri döndürür.
concat()	Bir veya daha fazla diziye başka bir dizi ekler.
sort()	Diziyi artan bir şekilde sıralar.
filter()	Belirli bir koşulu sağlayan dizinin öğelerini seçer.

Dizilerin bu metodları, verileri yönetmek ve manipüle etmek için oldukça kullanışlıdır. Ayrıca, map() metodu ile dizi elemanlarını değiştirebilir ve istediğimiz dönüşümleri yapabiliriz. Bu metodlar, dizilerin esnekliğini ve gücünü ortaya koyar.

Tüm bu nedenlerden dolayı, diziler programlamadaki önemli bir araçtır ve iyi bir programcının bunları kullanmayı öğrenmesi gerekir. Diziler, verileri düzenli ve kolay erişilebilir bir şekilde saklamamızı sağlar ve birçok işlemi daha hızlı ve verimli bir şekilde gerçekleştirebiliriz. Bu sebeple, dizi kavramını öğrenmek ve pratik yapmak, programlama becerilerimizi geliştirmek adına önemlidir.

push() Metodu ile Diziye Veri Ekleme

push() metodu, JavaScript’te bir diziye veri eklemek için kullanılan bir yöntemdir. Bu metodun kullanılması sayesinde, bir dizinin sonuna yeni bir öğe ekleyebiliriz. Bu yazıda, push() metodunun nasıl kullanıldığını ve neden diziye veri eklemek için tercih edildiğini inceleyeceğiz.

push() metodu, bir dizinin sonuna yeni bir değer eklemek için kullanılır. Bu yöntem, mevcut bir dizinin üzerinde işlem yapar ve dizinin sonuna yeni bir eleman ekler. push() metodu, diziye sadece bir eleman eklerken, birden fazla eleman eklemek için birden fazla push() işlemi gerçekleştirebilirsiniz.

push() metodunun kullanılması, diziye veri ekleme işlemlerini kolaylaştırır. Örneğin, bir alışveriş sepeti uygulamasında, kullanıcı yeni ürünleri sepete ekledikçe, sepet dizisine push() metoduyla bu ürünler kolayca eklenir. Ayrıca, push() metoduyla diziye eklenen verilerin dizinin sonunda tutulması, dizinin yapısını korumamızı sağlar ve mevcut sıralamaya müdahale etmez.

pop() Metodu ile Diziden Veri Çıkarma

JavaScript’te dizi manipülasyonunu kolaylaştıran birçok metod bulunmaktadır. Bu metodlardan biri olan pop() metodu, dizideki son elemanı çıkarmak için kullanılır. Bu yazıda, pop() metodunun ne olduğunu, nasıl çalıştığını ve neden kullanmamız gerektiğini detaylı bir şekilde inceleyeceğiz.

pop() metodu, bir dizinin son elemanını çıkarmak için kullanılır. Bu metod, dizinin son elemanını siler ve silinen elemanı geri döndürür. Eğer dizi boş ise, pop() metodu hiçbir işlem yapmadan undefined değerini döndürür. Bu metodu kullanarak, dizimizin sonuna eklenmiş olan veriyi kolay bir şekilde çıkarabiliriz.

Gelin şimdi pop() metodunu bir örnek üzerinde inceleyelim. Aşağıdaki örnekte, “cars” adında bir dizi oluşturduk ve pop() metodu kullanarak diziden son elemanı çıkardık:

Örnek Kod	Çıktı
let cars = [“Mercedes”, “BMW”, “Audi”, “Tesla”]; let removedCar = cars.pop(); console.log(cars); // [“Mercedes”, “BMW”, “Audi”] console.log(removedCar); // “Tesla”	[“Mercedes”, “BMW”, “Audi”] “Tesla”

Yukarıdaki örnekte, pop() metodunu kullanarak “cars” dizisinin son elemanını çıkardık ve çıkarılan elementi “removedCar” değişkenine atadık. Sonuç olarak, “cars” dizisi son elemanı çıkarılmış olarak kaldı, “removedCar” değişkeni ise çıkarılan elemanı içeriyor.

concat() Metodu ile Dizileri Birleştirme

Diziler, bir programda bir araya getirilen benzer veri öğelerini tutmak için kullanılan yapılardır. Diziler, JavaScript’te sıkça kullanılan veri yapılarından biridir ve çeşitli işlemleri yapmak için çeşitli yöntemler sunar. Bu yazıda, concat() metodunu kullanarak dizileri nasıl birleştireceğimizi öğreneceğiz.

Bir diziyi birleştirmek için JavaScript’te concat() metodu kullanılır. Bu yöntem, mevcut bir diziyi başka bir diziyle birleştirir ve yeni bir dizi döndürür. concat() metodu, orijinal dizilere dokunmadan yeni bir dizi oluşturur.

Örnek:

Dizi 1	Dizi 2	Birleştirilmiş Dizi
[1, 2, 3]	[4, 5, 6]	[1, 2, 3, 4, 5, 6]
[“a”, “b”, “c”]	[“d”, “e”, “f”]	[“a”, “b”, “c”, “d”, “e”, “f”]

Bu örnekte, concat() metoduyla iki ayrı dizi birleştirilerek yeni bir dizi oluşturulmuştur. İlk örnekte, [1, 2, 3] ve [4, 5, 6] dizileri birleştirilerek [1, 2, 3, 4, 5, 6] sonucu elde edilmiştir. Aynı şekilde, ikinci örnekte [“a”, “b”, “c”] ve [“d”, “e”, “f”] dizileri birleştirilerek [“a”, “b”, “c”, “d”, “e”, “f”] sonucu elde edilmiştir.

sort() Metodu ile Diziyi Sıralama

sort() metodu, JavaScript’te bir diziyi sıralamak için kullanılan bir yöntemdir. Bu yöntem, bir dizi içindeki elemanları belirli bir sıraya göre yeniden düzenler. Sıralama işlemi, dizinin elemanlarını varsayılan olarak alfabetik veya sayısal olarak küçükten büyüğe doğru sıralar. Ancak isteğe bağlı olarak farklı bir sıralama düzeni de belirtmek mümkündür.

sort() metodu, dizi üzerinde değişiklik yapar ve dizi elemanlarını yerinde sıralar. Yani orijinal dizinin sıralanmış hali, aynı dizi üzerinde oluşturulur. Bu nedenle, sort() metodu kullanıldıktan sonra dizinin yeni bir kopyası oluşmaz.

sort() metodu, sıralama işlemi için dizideki elemanların string değerlerini karşılaştırır. Bu nedenle, sayılar gibi farklı veri türleri içeren bir dizi sıralandığında doğru sonucu vermeyebilir. Ancak, sort() metoduyla birlikte kullanılan bir karşılaştırma işlevi (compare function) ile bu sorun aşılabilir.

sort() Metodu Kullanımı

sort() metodu, bir dizi üzerinde doğrudan kullanılabilir. Örneğin, aşağıdaki kod parçasında bir dizi oluşturup sort() metoduyla sıralama işlemi gerçekleştirilmiştir:

var meyveler = [“elma”, “armut”, “portakal”, “muz”];
meyveler.sort();

Bu kod örneğinde, “elma”, “armut”, “portakal” ve “muz” elemanlarına sahip bir meyveler dizisi oluşturulmuştur. Ardından sort() metodu kullanılarak bu dizinin elemanları alfabetik olarak sıralanmıştır. Yeni sıralanmış dizi şu şekildedir: [“armut”, “elma”, “muz”, “portakal”].

sort() Metodu ile Özel Sıralama

sort() metodu, varsayılan olarak elemanları alfabetik veya sayısal olarak sıralar. Ancak bazen farklı bir sıralama düzeni gerekebilir. Bunun için sort() metoduyla birlikte kullanılabilecek bir karşılaştırma işlevi (compare function) mevcuttur.

Karşılaştırma işlevi, iki elemanı karşılaştırarak sıralama düzenini belirler. Bu işlev, iki parametre alır ve bu parametreler sırasıyla dizinin üzerinde çalışılan iki elemanı temsil eder. İşlevin dönüş değeri negatif bir sayı ise ilk elemanın ikinciden önce gelmesi gerektiği, pozitif bir sayı ise ikincinin ilkten önce gelmesi gerektiği ve sıfır ise iki elemanın eşit olduğu anlamına gelir.

Örneğin, aşağıdaki kod parçasında sayısal bir dizi kullanılarak sort() metoduyla özel bir sıralama düzeni belirlenmiştir:

var sayilar = [30, 10, 50, 20];
sayilar.sort(function(a, b) {
return a – b;
});

Bu kod örneğinde, 30, 10, 50 ve 20 elemanlarına sahip bir sayilar dizisi oluşturulmuştur. Ardından sort() metodu kullanılarak bu dizinin elemanları sayısal olarak küçükten büyüğe doğru sıralanmıştır. Yeni sıralanmış dizi şu şekildedir: [10, 20, 30, 50].

filter() Metodu ile Belirli Özelliklere Sahip Verileri Seçme

Araçlarınızın performansını optimize etmek için veri işleme süreçlerinin çok önemli olduğunu biliyor muydunuz? Verilerinizde belirli özelliklere sahip olan verileri seçmek ve sadece istediğiniz verilere odaklanmak, etkili bir veri analizi yapmanıza yardımcı olabilir. filter() metodu, bu tür bir veri işleme sürecini gerçekleştirmenize olanak tanıyan bir JavaScript metodu olarak öne çıkıyor.

filter() metodu, bir dizi içindeki elemanları filtrelemek için kullanılır. Belirlenen bir koşulu sağlayan elemanlar, yeni bir dizi olarak döndürülür. Bu sayede, koşula uygun olmayan verilere ihtiyaç duymadan sadece istediğiniz verilere erişebilirsiniz. Bu metodun kullanımı oldukça basittir ve veri işleme sürecinizi büyük ölçüde kolaylaştırabilir.

filter() metodunun kullanımı için bir dizi oluşturmalı ve bu dizi üzerinde filtreme yapmanız gerekmektedir. Diyelim ki bir dizi içinde sadece belli bir kriteri sağlayan sayıları filtrelemek istiyorsunuz. İşte bu durumda filter() metodu devreye girer. Önceki yazımızda anlattığımız sort() metoduyla sıralanan bir dizi üzerinde filter() metodunu kullanarak belirli özelliklere sahip verileri seçebilirsiniz.

• filter() metodu, yeni bir dizi döndürür ve kaynak dizideki elemanlarını etkilemez.
• filter() metodu, orijinal diziye zarar vermeden bir filtre uygulamanıza olanak tanır.
• filter() metodu, bir dizi üzerinde birden fazla filtre uygulamaya izin verir.

Metod	Açıklama
filter()	Bir dizi üzerinde belirli özelliklere sahip verileri filtrelemek için kullanılır.
sort()	Bir diziyi sıralamak için kullanılır.
concat()	İki veya daha fazla diziyi birleştirmek için kullanılır.

map() Metodu ile Dizi Elemanlarını Değiştirme

HTML’de “map()” metodu, bir dizi içindeki tüm elemanlara belirli bir işlem uygulamamızı sağlar. Bu işlem sonucunda oluşan yeni değerlerle birlikte güncellenmiş bir dizi elde ederiz. Bu metot, yeni bir dizi oluşturur ve orijinal diziye dokunmaz.

Bu metodun syntax’ı şu şekildedir:

Syntax	Açıklama
array.map(function(currentValue, index, arr), thisValue)	Bir fonksiyonu dizinin her bir elemanı üzerinde çağırır ve fonksiyonun döndürdüğü sonucu yeni bir dizi olarak döndürür.

map() metodu bir dizi ve bir işlev alır. İşlev, dizi içindeki her bir elemana uygulanır ve her bir işlev çağrısının dönüş değeri yeni bir diziye eklenir. Sonuç olarak, map() metodu orijinal dizinin kopyasını oluştururken, her bir elemanı belirli bir işlemle değiştirme imkanı sunar.

Örnek:

<script>
var numbers = [1, 2, 3, 4, 5];

var doubledNumbers = numbers.map(function(number) {
return number * 2;
});

document.getElementById(“result”).innerHTML = doubledNumbers;
</script>

Yukarıdaki örnekte, numbers dizisi içindeki elemanların her birini 2 ile çarparak yeni bir dizi oluşturduk. Oluşan yeni dizi olan doubledNumbers’ı HTML’de belirtilen bir elemente ekledik.

Sık Sorulan Sorular

Dizi Nedir ve Neden Kullanmalıyız?

Dizi, birden çok veriyi tek bir değişken altında saklamak için kullanılan bir veri yapısıdır. Diziler, aynı türden verileri gruplamak ve bu verilere kolayca erişebilmek için kullanılır.

push() Metodu ile Diziye Veri Ekleme

push() metodu, bir dizinin sonuna yeni veriler eklemek için kullanılır. Bu yöntem sayesinde diziye istediğimiz kadar veri ekleyebiliriz.

pop() Metodu ile Diziden Veri Çıkarma

pop() metodu, bir diziden son veriyi çıkarmak için kullanılır. Bu yöntem sayesinde dizinin sonundaki veriyi çıkartarak, dizi boyutunu azaltabiliriz.

concat() Metodu ile Dizileri Birleştirme

concat() metodu, bir ya da daha fazla diziyi birleştirmek için kullanılır. Bu yöntem sayesinde iki veya daha fazla diziyi tek bir dizi olarak birleştirebiliriz.

sort() Metodu ile Diziyi Sıralama

sort() metodu, bir diziyi sıralamak için kullanılır. Bu yöntem sayesinde dizinin elemanlarını belirli bir düzene göre sıralayabiliriz.

filter() Metodu ile Belirli Özelliklere Sahip Verileri Seçme

filter() metodu, bir diziden belirli bir koşulu sağlayan elemanları seçmek için kullanılır. Bu yöntem sayesinde dizinin elemanlarını filtreleyerek istediğimiz verileri elde edebiliriz.

map() Metodu ile Dizi Elemanlarını Değiştirme

map() metodu, bir dizinin elemanlarını dönüştürmek veya değiştirmek için kullanılır. Bu yöntem sayesinde dizinin elemanlarında istediğimiz değişiklikleri yapabiliriz.