Diziye Yeni Eleman Eklemek, Çıkartmak ve Güncellemek

diziye eleman eklemek

push() Metodu

var olan dizinin sonuna eleman ekler
diziAdi.push("eklenecek öge")

unshift() Metodu

var olan dizinin başına eleman ekler
diziAdi.unshift("eklenecek öge")

Diziden eleman silmek

pop() Metodu

dizinin son elemanını siler
diziAdi.pop("eklenecek öge")

shift() Metodu

dizinin ilk elemanını siler
diziAdi.pop("eklenecek öge")

splice() Metodu

Metodun ilk parametresi işlemin yapılacağı index numarasını, ikinci parametre ise kaç elemanın silineceğini belirtir.

ilk iki parametreden sonra yazılan tüm parametreleri ilk parametrede atıfta bulınılan yere ekler. Kendisinden sonra gelenleri kaydırır.

splice() ile silinen kısım başka bir değişkene dizi olarak eklenebilir.

örnek dizi: let ornekDizi = [1, 2, 3, 4, 5]
let ayrılanDizi = ornekDizi.splice(3, 1, "dört", "dört buçuk")
console.log(ornekDizi) 1, 2, 3, "dört", dört buçuk", 5
cosole.log(ayrılanDizi) 4

Array (Dizi) Metotlarının Kullanımı ve Array içinde Array Oluşturma

Array içinde Array oluşturmak

öge eklemek ile aynı yöntemle (unshift ve push ile) array içine array eklenebilir

Array içinden öge ayırmak .splice()

parantez içine ögenin konumu ve virgülden sonra kaç veri taşınacağı yazılır.
let diziAdi = [1, 2, 3, 4, 5, 6]
let yeniDizi = diziAdi.splice(2, 3)
console.log(diziAdi) [1, 2, 6]
console.log(yeniDizi) [3, 4, 5]

Değer array içinde var mı? .includes()

parantez içine aranacak değer yazılır.
diziAdi.includes("arananDeger") Boolean (true/false) olarak çıktı alınır.

Array içindeki ögenin index bilgisini bulmak .indexOf

parantez içine aranacak değer yazılır.
let diziAdi = [1, 2, 3, 4, 5, 6]
diziAdi.indexOf(3) 2 değerini verir.
olmayan bir değer arandığında -1 verir.

Array Kopyalamak

Daha önce oluşturduğumuz array yapısını doğrudan let kopyaDizi = diziAdi olarak başka bir değişkene atadığımızda ve yeni array üzerinde değişiklik yaptığımızda eski array de birebir bu değişiklikten etkileniyor. Bu JS in verileri saklarken tasarrufa giden yapısından kaynaklanıyor.

Orjinalin kopyadan etkilenmemesi için:

.slice()

Parantez içerisine ise kopyalamak istediğimiz elemanların aralığını başlangıç ve bitiş indeksleri olacak şekilde iki parametre olarak giriyoruz. Bitiş indeksindeki değer aralığa dahil değildir.
Bu metot uygulandığı dizinin orijinal halini değiştirmiyor bu yüzden yeni oluşacak diziyi farklı bir değişkende saklıyoruz.
parantez boş burakılırsa arrayı olduğu gibi kopyalar. let kopyaDizi = diziAdi.slice() olarak tanımlama yapılır.

= [...diziAdi]

es6 ile birlikte aşağıdaki yöntem de kullanılabilir.
let kopyaDizi = [...diziAdi] veya
veya
let [...kopyaDizi] = diziAdi

Array destructuring

Array içindeki değerleri değişkenlere atamak için klasik yöntem:
let degiskenAdi1 = arrayAdi[0] şeklinde tek tek yazılır.

ES6 ile birlikte birden fazla değeri değişkene atamak için:
let [degisken1, degisken2, degisken3, ...kalanArray] ile ilk 3 değer değişken adlarına atndı. kalan değerler için kalanArray adında yeni bir array yaratıldı.

Array birleştirme

.concat()

parantez içine sona değerleri eklenecek olan array girilir. let birlesenDizi = diziAdi1.concat(diziAdi2)

let birlesenDizi = [...diziAdi1, ...diziAdi2]

let birlesenDizi = [...diziAdi1, ...diziAdi2]
birleştirme işlemi sırasında array olmayan veriler de yeni oluşaka arraye eklenebilir:
let birlesenDizi = [...diziAdi1, ...diziAdi2, "yeni eleman"]

Array içindeki bilgiyi String'e çevirmek

diziAdi.toString() değerleri aralarına "," koyarak stringe çevirir.
diziAdi.join() değerlerin arasına konulmasını istediğimiz şeyi parantez içine yazabiliriz. Hiçbirşey yazmazsak "," ile ayırır.

.some

dizi içinde bir koşulu sağlayan değer olma durumunu gösterir. Bir koşula true verirse durur ve çıktı olarak true verir. Bütün seride false verirse çıktı olarak false verir.
const sayilar = [4,5,6];
const sonuc1 = sayilar.some(function(sayi) {
return sayi > 5 ;
}); beşten büyük değer dizide olduğundan çıktı olarak true verir. const sayilar = [4,5,6];
const sonuc1 = sayilar.some(function(sayi) {
return sayi > 8 ;
}); sekizden büyük değer dizide olmadığından çıktı olarak false verir.

.every()

.some gibi çalışır. tüm dize için koşul doğru ise true verir. biri için bile uymuyorsa fonksiyon durur ve false verir.

.find()

Bu metot belirtilen koşula uyum sağlayan dizi elemanını bulmamızı sağlar Diğer metotların aksine find metodu elemanın kendisini döner. Koşulu sağlayan birden fazla eleman varsa, bulduğu ilk elemanı döner.Koşulu sağlayan bir eleman bulamazsa undefined döner.

Örnek:
const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10);
console.log(found);
expected output: 12
ileri okuma için developer.mozilla.org -> Array/find

.sort()

Bu metot, dizi içerisindeki elemanları sıralamaya yarar. Orijinal dizi sıralanmış şekilde döner. (Yani dizi mutate eder.) Eğer parametre olarak bir fonksiyon verilmezse dizi elemanları string'e çevrilir ve UTF-16 değerlerine göre sıralanır. Artan veya azalan olarak sıralamak için farklı bir yol izlenmelidir. const sayilar = [3,5,2,10,4];
sayilar.sort(function(a,b) {
return b-a;
büyükten küçüğe sıralar. tersi için a-b yazılmalı });
console.log(sayilar); // Çıktı olarak [10, 5, 4, 3, 2] alırız.
ileri okuma için w3schools - js.array_sort

.reduce()

Bu metot dizimizi yalnızca bir değere indirger. Parantez içerisine parametre olarak bir fonksiyon ve accumulator'ün (toplayıcının) başlangıç değeri girilir. Bu metot orijinal diziyi değiştirmez. (Mutate etmez.)

ben bunu anlamadım ama örnek kopyalanabilir :)

const sayilar = [10,20,30];
// Dizi içindeki sayıları toplayarak indirgeyecek bir fonksiyon yazalım:
function indirgeyici (akumulator, sayi) {
return akumulator + sayi;
}
// Bu fonksiyonu ve toplamaya 0'dan başlayacağımızı belirten 0 sayısını metodumuza parametre olarak girelim ve sonucu bir değişkende tutalım:
const sonuc1 = sayilar.reduce(indirgeyici,0);
console.log(sonuc1);
0 + 10 + 20 + 30 = 60 olacağından çıktı olarak 60 bekleriz.
Eğer akümülatorümüzü 0 yerine 5'den başlatsaydık çıkabilecek sonucu görelim:
const sonuc2 = sayilar.reduce(indirgeyici, 5);
console.log(sonuc2);
// 5 + 10 + 20 + 30 = 65 olacağından çıktı olarak 65 bekleriz.