JavaScript Array (Dizi) Fonksiyonları

Photo by Gabriel Heinzer on Unsplash

Herkese merhabalar, bu blog yazımda Javascript’te kullanılan array (dizi) fonksiyonlarından bahsedeceğim. Array yapısı, bir değişkene birden fazla değer atamamıza olanak veriyor.

1) length

Bir dizinin eleman sayısını öğrenmek için length özelliğini kullanıyoruz. Bu özellik dizinin eleman sayısını Integer veri türünde bize vermektedir.

const diller = ["Türkçe", "İngilizce", "Almanca"];

let elemanSayisi = diller.length; // Dizinin eleman sayısı

console.log(elemanSayisi);

Kod Çıktısı : 3

2) toString()

toString() fonksiyonu, dizi elemanlarını String veri türünde yazdırmayı sağlar. Yazdırma işleminde elemanlar arasına , (virgül) konularak yazdırılır.

const ulkeler = ["Türkiye", "Almanya", "Hollanda", "İtalya"];

let ulkeListesi = ulkeler.toString();

console.log(ulkeListesi); // Elemanları yazdır

Kod Çıktısı : Türkiye,Almanya,Hollanda,İtalya

3) pop()

Dizi elemanlarından en sonuncusunu bulabilmek için pop() fonksiyonunu kullanıyoruz.

const meyveler = ["Şeftali", "Portakal", "Muz", "Üzüm"];

let sonuncuEleman = meyveler.pop(); // Sonuncu elemanı getirir

console.log(sonuncuEleman);

Kod Çıktısı : Üzüm

4) push()

Array yapımıza yeni bir eleman eklemek için push() fonksiyonunu kullanabiliriz. Fonksiyonumuzun parametre kısmına ekleyeceğimiz elemanı yazıyoruz. Eklediğimiz dizi elemanı, array yapımızın en son indeksine eklenir.

const sayilar = [10, 20, 30, 40, 50];

sayilar.push(60); // En son indekse 60 sayısını ekler.

console.log(sayilar.toString());

Kod Çıktısı : 10,20,30,40,50,60

5) shift()

shift() fonksiyonu, ilk dizi elemanını kaldırır ve diğer elemanları bir önceki dizi indeksine doğru kaydırır. shift() fonksiyonunu bir değişkene aktarırsak ilk dizi elemanını alıp kullanabiliriz. Aşağıdaki kod örneğinde bu fonksiyon daha iyi anlaşılacaktır.

const rakamlar = [1, 2, 3, 4];

rakamlar.shift(); // ilk elemanı kaldırır

console.log(rakamlar.toString());

Kod Çıktısı : 2,3,4

const rakamlar = [1, 2, 3, 4];

let kaldirilanRakam = rakamlar.shift(); // ilk elemanı verir

console.log(kaldirilanRakam);

Kod Çıktısı : 1

6) unshift()

shift() fonksiyonun aksine dizinin başına yeni bir eleman ekler. push() fonksiyonunu hatırlayacak olursak dizinin son indeksine eleman eklerken unshift() fonksiyonumuz bunun tam tersini yapacaktır, yani dizinin ilk indeksine eleman ekleyecektir.

const plakalar = [34, 16, 06, 35];

plakalar.unshift(77); // ilk indekse eleman ekler

console.log(plakalar.toString());

Kod Çıktısı : 77,34,16,06,35

7) join()

Dizi elemanlarını yazdırırken elemanlar arasını ayırıp işaret koymak için join() fonksiyonu kullanılır. Parametre olarak gireceğimiz değer her neyse dizi elemanlarının arasına parametremizdeki değer eklenecektir.

const markalar = ["ASUS", "Lenovo", "MSI", "HP", "Dell"];

let markaListe = markalar.join(" * "); // Elemanlar arasına * konulur

console.log(markaListe);

Kod Çıktısı : ASUS * Lenovo * MSI * HP * Dell

8) delete()

İndeksini belirterek dizi elemanlarını silmek için delete() fonksiyonu kullanılır. Dizi elemanı silindikten sonra ilgili indekste geriye boş değer kalır. delete() fonksiyonu yerine pop() veya shift() fonksiyonlarının kullanımı önerilir.

const os = ["Windows", "Linux", "MacOS"];

delete os[1]; // 1. indeksteki elemanı siler, boş değer kalır.

console.log(os.toString());

Kod Çıktısı : Windows, ,MacOS

9) concat()

Tanımlanan iki adet diziyi birleştirmek için concat() fonksiyonu kullanılır. Birleştirilen diziler tek bir dizi gibi kullanılabilir.

const array1 = ["Merhaba", "Selam", "Nasılsın"];
const array2 = [14, 32];

const mergeArray = array1.concat(array2); // İki array birleşiyor

console.log(mergeArray.toString());

Kod Çıktısı : Merhaba,Selam,Nasılsın,14,32

10) flat()

Bir diziyi düzleştirmek yani bir dizinin boyutluluğunu azaltmak için flat() fonksiyonu kullanılır. Çok boyutlu bir diziyi belirli bir boyuta indirgemek diyebiliriz. Derinlik parametresini kullanırsak belirttiğimiz derinlikte diziyi indirger. Örnek üzerinde daha açıklayıcı olacaktır.

const array1 = [[1,2],[3,4],[5,6]];

const array2 = array1.flat(); // tek boyuta indirge

console.log(array2);

Kod Çıktısı : [1, 2, 3, 4, 5, 6]

const array1 = ["a","b",[[1,2],[3,4],[5,6]]];

const array2 = array1.flat(2); // iki derinlik

const array3 = array1.flat(1); // tek derinlik

console.log(array2);
console.log(array3);

Kod Çıktısı 1 : [‘a’, ‘b’, 1, 2, 3, 4, 5, 6]

Kod Çıktısı 2 : [‘a’, ‘b’, [1, 2], [3, 4], [5,6]]

11) splice()

Bir diziye yeni elemanlar eklemek için splice() fonksiyonu kullanılabilir. splice() fonksiyonun ilk parametresine ekleyeceğimiz elemanların hangi indekste olacağını belirtiyoruz. Fonksiyonun ikinci parametresine ise ekleme işlemiyle birlikte kaç elemanın kaldırılacağını belirtiyoruz. Geriye kalan parametreye ise ekleyeceğimiz yeni elemanları yazıyoruz.

const bankalar = ["Vakıfbank", "Yapı Kredi", "Garanti", "ING"];

// İkinci indeksten itibaren yeni elemanlar ekle
bankalar.splice(2, 0, "Halkbank", "Vakıf Katılım");

console.log(bankalar.toString());

Kod Çıktısı : Vakıfbank,Yapı Kredi,Halkbank,Vakıf Katılım,Garanti,ING

const bankalar = ["Vakıfbank", "Yapı Kredi", "Garanti", "ING"];

// İkinci indeksten itibaren yeni elemanlar ekle
// İkinci indeksten sonraki 2 elemanı kaldır
bankalar.splice(2, 2, "Halkbank", "Vakıf Katılım");

console.log(bankalar.toString());

Kod Çıktısı : Vakıfbank,Yapı Kredi,Halkbank,Vakıf Katılım

12) slice()

Bu fonksiyon, dizinin bir parçasını yeni bir diziye eklemek için kullanılır. Dizi elemanlarını dilimliyoruz diyebiliriz. Parametre olarak belirttiğimiz indeksten itibaren dizi elemanları dilimlenir.

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

const citrus = fruits.slice(2); // ikinci indekten itibaren aktar

console.log(citrus.toString());

Kod Çıktısı : Lemon,Apple,Mango

Bu blog yazımızın sonuna geldik. Bir sonraki blog yazımızda görüşmek üzere, iyi günler dilerim.

Yararlanılan Kaynak : https://www.w3schools.com/js/js_array_methods.asp