JavaScript Dizeleri nedir?
Diziler, Bir değişkene birden fazla veri tanımlamak amacıyla kullanılan bir değişken türüdür.
Kullanım
Diziler, Birçok komutla oluşturulabilir. Gelen kullanımına bakarsak (parantezler) veya JavaScript'in bize sunduğu new Array() Nesnesi ile oluşturulabilir.
Temel Kullanım: JavaScript dizileri aslında birçok değişkeni kısaltarak tek bir alanda toplamak için oluşturulmuşlardır. Bunun en temel örneği aşağıdadır.Diziler, Bir değişkene birden fazla veri tanımlamak amacıyla kullanılan bir değişken türüdür.
Kullanım
Diziler, Birçok komutla oluşturulabilir. Gelen kullanımına bakarsak (parantezler) veya JavaScript'in bize sunduğu new Array() Nesnesi ile oluşturulabilir.
JavaScript:
// Değişken yazırma
var meyve1 = "elma";
var meyve2 = "Armut";
var meyve3 = "Üzüm";
document.write(
meyve1 + "<br/>" +
meyve2 + "<br/>" +
meyve3 + "<br/>"
);
elma
Armut
Üzüm
----------------------
Dizileştirilmiş Hali: Kullanımı çok basittir. Ayırmak için (,) Virgül kullanırız.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
document.write(meyveler)
Elma,Armut,Muz
---------------------
Dizileri Çağırma İşlemleri
Diziler, Birçok fonksiyon ile çağırabilir.
Dizi Sayına Göre Çağırma: Normalde dizilerde 3 tane değer belirttiğimizi var sayalım. JavaScript'te göre bu değerler 2 olarak gözükecektir. Bunun nedeni JavaScript'in ilk değeri 0'dan saymaya başlamasıdır. Örnek ile buna bir bakalım.Diziler, Birçok fonksiyon ile çağırabilir.
JavaScript:
var meyveler = ["1) Elma", "2) Armut", "3) Muz"];
document.write(meyveler[0])
1) Elma
--------------------
JavaScript:
var meyveler = ["1) Elma", "2) Armut", "3) Muz"];
document.write(meyveler[1])
2) Armut
--------------------
JavaScript:
var meyveler = ["1) Elma", "2) Armut", "3) Muz"];
document.write(meyveler[2])
3) Muz
--------------------
Dizilerin İsimlenmesi: Diziler isimlendirme olayı değişken oluşturmaya benzer. 1. Değeri dizin adı, 2. Değer Dizin değeri olmalıdır.
JavaScript:
var uye = {adi:"The VODKA", alan:"Web Geliştirme", post:270};
İsimlenen Dizini Çağırmak: Bunun için herhangi bir fonksiyon kullanmamıza gerek yoktur. dizin ve daha sonra dizin adı belirtilerek çağırılabilir.
JavaScript:
var uye = {adi:"The VODKA", alan:"Web Geliştirme", post:270};
document.write(uye.adi);
The VODKA
--------------------
Dizi Uzunluğunu Bulmak: Bunun için length parametresinden yararlanabiliriz. Dizide ne kadar eleman olduğunu bulup bizlere sonucunu verecektir.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
document.write(meyveler.length);
3
--------------------
Bazı Dizi İşlemleri
Virgülleri Silmek: Diziler yazdırıldığında değerler (,) formatında ayırılarak yazılıyordu. Fakat bunu değiştirmek için join(Değer) fonksiyonu kullanabilriz.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
meyveler.join(" * ");
document.write(meyveler);
Elma * Armut * Muz
--------------------
Dizinin Sonuna Eleman Eklemek: push() fonksiyonu ile ifade edilir. Eklediğimiz veriler dizinin en sonuna kayıt edilecektir.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
meyveler.push("Kiraz");
document.write(meyveler);
Elma,Armut,Muz,Kiraz
--------------------
Dizinin Başına Eleman Eklemek: unshift() fonksiyonu ile ifade edilir. Eklediğimiz veriler dizinin en başına kayıt edilecektir.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
meyveler.unshift("Kiraz");
document.write(meyveler);
Kiraz,Elma,Armut,Muz
--------------------
Sondaki Değeri Silmek: Bunun için pop() fonksiyonu kullanılır. Dizinin sonundaki veriyi siler.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
meyveler.pop();
document.write(meyveler);
Elma,Armut
--------------------
Baştaki Değeri Silmek: Bunun için shift() fonksiyonu kullanılır. Dizinin ilk verisini siler.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
meyveler.shift();
document.write(meyveler);
Armut,Muz
--------------------
Seçtiğimiz Değeri Silmek: Bunun için delete paramteresini kullanılır. Dizideki istediğimiz veriyi silebiliriz.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
delete meyveler[1];
document.write(meyveler);
Elma,,Muz
--------------------
Dizileri Birleştirmek: Bunun concat() fonksiyonu belirtilir. Belirtilen iki diziyi birleştirerek tek bir dizi haline getirilir.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz"];
var sebzeler = ["Brokoli", "Karnı Bahar"];
var hepsi = meyveler.concat(sebzeler);
document.write(hepsi);
Elma,Armut,Muz,Brokoli,Karnı Bahar
--------------------
Dizilerden Belirli Kısımları Almak: Bunun için slice(1, 2) fonksiyonunu kullanırız. 1. değer ile 2. değer aralığındaki verileri almak için kullanılır.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz", "Üzüm", "Karpuz", "Şeftali", "Kayısı"];
var kesilmisDizi = meyveler.slice(2, 6); // 2 ila 6. değerleri al
document.write(kesilmisDizi);
Muz,Üzüm,Karpuz,Şeftali
--------------------
Dizileri Sıralamak
Bu işlem daha önceden belirlenmiş fonksiyonlar sayesinde dizileri sırlama şeklini ayarlamak için kullanılır.
Alfabetik Sıraya Göre Sıralamak: sort() fonksiyonu ile tanımlanır. Belirtilmiş diziyi inceleyerek Alfabetik bir şekilde sıralar.Bu işlem daha önceden belirlenmiş fonksiyonlar sayesinde dizileri sırlama şeklini ayarlamak için kullanılır.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz", "Üzüm", "Karpuz", "Şeftali", "Kayısı"];
meyveler.sort();
document.write(meyveler);
Armut,Elma,Karpuz,Kayısı,Muz,Üzüm,Şeftali
--------------------
Ters Sıralamak: reverse() fonksiyonu ile tanımlanır. Belirtilmiş diziyi inceleyerek Alfabetik bir şekilde sıralar.
JavaScript:
var meyveler = ["Elma", "Armut", "Muz", "Üzüm", "Karpuz", "Şeftali", "Kayısı"];
meyveler.reverse();
document.write(meyveler);
Kayısı,Şeftali,Karpuz,Üzüm,Muz,Armut,Elma
--------------------