JavaScript Dizi (Array) Metodları

values() Metodu

Bu yöntem, dizideki her bir dizin için değerler sağlayan bir yineleyici döndürür. İçerisine değişken göndermeye gerek yoktur.
Iterator: bilgisayar programlamada bir öğeyi veya öğeleri sırasıyla erişmek için bir arayüz veya yöntem sağlayan bir nesne veya işaretçidir.
Öncelik olarak bir dizi tanımlayalım sonrasında ise dizi içerisinde for ile dolaşıp her bir değeri yazdırmaya çalışalım.
values() Metodu

var dizi = ['Serkan', 'Ahmed', 'Selçuk', 'Tolga']; // Dizi tanımı yaptık.
var degerler = dizi.values(); // Dizinin her bir değeri yineleyerek degerler adlı değişkene atandı.
// degerler adlı dizide for döngüsü ile dolaşıp her bir değeri yazdıralım.
for (let deger of degerler)
{
   console.log(deger);
}

values() Örnek 1

let dizi = ['Serkan', 'Ahmed', 'Selçuk', 'Tolga'];
let dizi_yeni = dizi.values();
for (let deger of dizi_yeni)
{
   console.log(deger);
}
console.log("Yinelenmiş dizi: " + dizi_yeni);

values() Örnek 1 Test

---

length() Metodu

Bu yöntem, dizi boyutunu sayısal değer olarak döndürür.
length() Metodu

var dizi = ['Kalem', 'Silgi', 'Cetvel', 'Pergel', 'Çanta', 'Mikroskop']; // Dizi tanımı yaptık.
var dizi_uzunluk = dizi.length; // Dizinin eleman sayısını aldık.
console.log("Tanımlamış olduğunuz dizinin uzunluk değeri: " + dizi_uzunluk); // Dizinin eleman sayısını ekrana yazdık.

length() Örnek 1

---

reverse() Metodu

Bu metod, dizi sıralamasını tersine çevirir. Örneğin "Elma", "Armut", "Kiraz" şeklinde sıralanmış bir diziyi reverse metodu "Kiraz", "Armut", "Elma" şeklinde sıralar.
reverse() Metodu

var dizi = ['Kalem', 'Silgi', 'Cetvel', 'Pergel', 'Çanta', 'Mikroskop'];
dizi.reverse(); // Diziyi Tersine çevirdik.
console.log("Tersine çevrilmiş dizi değerleri: " + dizi);

reverse() Örnek 1

---

sort() Metodu

Bu yöntem, dizi değerlerinin sıralanmasını sağlar. Sıralama A'dan Z'ye olacak şekilde yani küçükten büyüğe şeklinde olmaktadır. İçerisine isteğe bağlı olarak karşılaştırma fonksiyonu gönderilebilir.
sort() Metodu

var dizi = ['Monitör', 'Klavye', 'Bilgisayar', 'Mouse', 'Modem', 'Hoparlör']; // Dizi tanımı yaptık.
dizi.sort(); // Diziyi tekrardan sıraladık.
console.log("Tanımlamış olduğunuz dizinin yeniden sıralanmış değeri: " + dizi); // Diziyi tekrar sıralayıp ekrana yazdırdık.

sort() Örnek 1

sort() Örnek 2

---

at() Metodu

Bu yöntem, dizi değerlerinin index (sıra) numarasına göre değerini verir. Hatırlatmakta fayda var dizi index (sıra) numarası sıfır ile başlar. Yani "0. elemanı getir", "1. elemanı getir", "2. elemanı getir" vs.. şeklinde değerleri getiririz. İndex kavramını anlamak için küçük bir dizi tanımlayıp bütün index değerlerini yazdıralım.
at() Metodu

var dizi = ['Bilgisayar', 'Monitör', 'Mouse', 'Modem', 'Klavye', 'Hoparlör']; // Dizi tanımı yaptık.
var dizi_deger = dizi.at(2); // Dizinin 2. indeks değerini aldık. Yani Mouse değeri.
console.log("Dizi içerisinde 2 numaralı indexde bulunan değer: " + dizi_deger); // Diziye ait 2 nolu index değerini yazdıralım.

at() Örnek 1

at() Örnek 2

---

fill() Metodu

Bu yöntem, bir dizinin başlangıç ​​indeksinden bitiş indeksine kadar tüm öğelerini statik bir değerle doldurur. En fazla üç bağımsız değişken alabilir: doldurulacak değer, başlangıç ​​indeksi ve bitiş indeksi.
fill() Metodu

var dizi = ['Elma', 'Armut', 'Karpuz', 'Erik', 'Kiraz']; // Dizi tanımı yaptık.
dizi.fill('Şeftali', 1, 2);
console.log("fill() metodu ile indeks (sıra) değeri 1'den başlayarak ve 2'ye kadar olan tüm indeksleri Şeftali ile doldurduk: " + dizi);
// Çıktı: Elma,Şeftali,Karpuz,Erik,Kiraz

Bu örneğimizde tanımlamış olduğumuz bir dizinin 2. indeksinden başlayarak 5. indeksine kadar olan yerleri Matara ile dolduralım.
fill() Örnek 1

---

from() Metodu

Bu yöntem, dizi benzeri bir nesneden veya yinelemeli bir nesneden yeni bir dizi oluşturur. İki bağımsız değişken alabilir: diziye dönüştürülecek nesne ve yeni dizinin her bir öğesine uygulanacak bir eşleme işlevi.
from() Metodu

var nesne = {0: 'Elma', 1: 'Armut', 2: 'Karpuz', length:5};
var dizi = Array.from(nesne);
console.log("from() metodu ile oluşan: " + dizi);
// Çıktı: ['Elma', 'Armut', 'Karpuz', undefined, undefined]

Bu örneğimizde tanımlamış olduğumuz bir nesneyi daha geniş bir diziye çevirelim. Dizinin o genişliğie yeterli şekilde elemanı yok ise olmayan elemanlar yerine undefined tanımlaması yapar.
from() Örnek 1

---

join() Metodu

Bu yöntem dizi elemanlarını belirli bir ayraç kullanarak birleştirmeyi sağlar. Bir değişken alır, o da ayraç olarak belirtilir.
join() Metodu

var dizi = ['Futbol', 'Basketbol', 'Voleybol', 'Yüzme'];
var deger = dizi.join(', ');
console.log(deger);
// Çıktı: Futbol, Basketbol, Voleybol, Yüzme

Bu örneğimizde tanımlamış olduğumuz diziyi elemanlarını istediğimiz bir ayraç ile birleştirelim. Ayraç olarak | işaretini kullanalım.
join() Örnek 1

let dizi = ['Karpuz', 'Elma', 'Armut', 'Muz'];
let deger = dizi.join(' | ');
console.log(deger);
// Çıktı: Karpuz | Elma | Armut | Muz

join() Örnek 1 Test

Yine bir dizi tanımlayalım. Tanımladığımız diziyi bir başka değerle ayraç olarak birleştirelim. Ayraç olarak _merhaba_ kullanalım.
join() Örnek 2

let dizi = ['Serkan', 'Ayşe', 'Ahmed'];
let deger = dizi.join(' _merhaba_ ');
console.log(deger);
// Çıktı: Serkan _merhaba_ Ayşe _merhaba_ Ahmed

join() Örnek 2 Test

---

toString() Metodu

Bu yöntem ile diziye ait elemanları metinsel ifadeye çevirir.
toString() Metodu

var dizi = ['Elma', 'Armut', 'Çilek', 'Kiraz'];
var deger = dizi.toString();
console.log(deger);
// Çıktı: Elma, Armut, Çilek, Kiraz

Tanımladığımız diziyi toString() metodu ile metinsel ifadeye çevirelim.
toString() Örnek 1

---

pop() Metodu

Bu yöntem dizinin sonuncu elemanını silmemizi sağlar. Metod dönüş değeri olarak silinen elemanı bize geri verir.
pop() Metodu

var dizi = ['İstanbul', 'Adana', 'Çanakkale', 'Ankara', 'Bursa'];
var silinen_deger = dizi.pop();
console.log("Silinen Değer: " + silinen_deger);
// Silinen Değer: Bursa
console.log("Dizinin Yeni Elemanları: " + dizi);
// Dizinin Yeni Elemanları: İstanbul, Adana, Çanakkale, Ankara

Tanımladığımız dizinin sonuncu elemanını pop() metodu ile silelim.
pop() Örnek 1

Bir başka dizi tanımlayıp sonuncu elemanını silelim.
pop() Örnek 2

---

forEach() Metodu

Programlama dillerinin en çok kullanılan metodu diyebiliriz. Çünkü dizi içerisinde rahatça dolaşmayı kolaylaştırır. Böylece her bir dizi elemanı için rahatça işlem yapmamızı sağlar.
forEach() Metodu

var dizi = ['Serkan', 'Caner', 'Hakan', 'Said', 'Yılmaz', 'Şenol'];
dizi.forEach(function (item){
   console.log("Dizi elemanı: " + item);
});
// Çıktı:
// Dizi elemanı: Serkan
// Dizi elemanı: Caner
// Dizi elemanı: Hakan
// Dizi elemanı: Said
// Dizi elemanı: Yılmaz
// Dizi elemanı: Şenol

Basit bir dizi hazırlayalım. Ardından dizinin elemanlarını sırasıyla dolaşıp elemanları sıra belirterek ekrana yazdıralım.
forEach() Örnek 1

let dizi = ['Eskişehir', 'Ankara', 'Edirne', 'İstanbul', 'Adana', 'Kayseri', 'Muğla', 'Konya'];
let sayac = 1;
dizi.forEach(function (item){
   console.log("Dizinin " + sayac + ". elemanı: " + item);
   sayac += 1;
});

forEach() Örnek 1 Test

Döngü ile dizi içerisinde gezinirken koşul (if) yapısı kullanalım.
forEach() Örnek 2

let meyveler = ['Elma', 'Portakal', 'Avakado', 'Muz', 'Karpuz', 'Kavun', 'Çilek'];
console.log("Meyveleri Tanıyalım:");
meyveler.forEach(function (meyve){
   if (meyve == 'Avakado')
   {
      console.log(`${meyve} meyvesi çok iyi yağ yakar`);
   }
   else if (meyve == 'Portakal')
   {
      console.log(`C vitamini deposu denilince akla ${meyve} gelir.`);
   }
   else
   {
      console.log(`${meyve} meyvesinin henüz bilgisi bulunamadı.`);
   }
});

forEach() Örnek 2 Test

---

shift() Metodu

Dizi içerisindeki ilk elemanı diziden silmeyi sağlar.
shift() Metodu

let dizi = ['Çilek', 'Kiraz', 'Muz', 'Elma'];
let diziCikan = dizi.shift();
console.log(diziCikan); // Çıktı: Çilek
console.log(dizi); // Çıktı: ['Kiraz', 'Muz', 'Elma'];

Tanımladığımız dizinin ilk elemanını shift() metodu ile silelim.
shift() Örnek 1

Güncellemeler devam edecektir.