JavaScript, web uygulamalarında verilerin işlenmesi için birçok farklı veri türü sunar Bu veri türleri arasında sayılar, diziler, boolean değerleri, metinler ve nesneler yer alır Veriler sabitler veya değişkenler aracılığıyla tanımlanabilir ve matematiksel işlemler, karşılaştırma işlemleri, string işlemleri, mantıksal işlemler ve diğer farklı işlemler yapılabilir Diziler ise birden fazla değeri bir arada saklayabilen veri yapılarıdır ve birçok farklı manipülasyon yöntemi kullanarak işlenebilirler Dizi manipülasyonu, eleman ekleme ve çıkarma, sıralama ve filtreleme gibi işlemlere olanak tanır JavaScript'te, dizi uzunluğu, dizinin kapasitesi ve sıralaması gibi önemli dizi özelliklerini de kolayca yönetebilirsiniz

JavaScript ile birçok farklı veri türü tanımlanabilir ve bu veriler üzerinde bir dizi işlem yapılabilir. Bu sayede web uygulamalarında verilerin daha verimli ve doğru bir şekilde işlenmesi daha kolay hale gelir.
JavaScript'te en sık kullanılan veri türleri şunlardır:
- Sayılar
- Diziler
- Boole (True/False) değerleri
- Metinler (String)
- Nesneler (Objects)
Bunların yanı sıra RegExp, Error, Date ve diğer veri türleri de kullanılabilir.
Veriler, sabitler veya değişkenler aracılığıyla tanımlanabilir. Sabitler değerlerinin değiştirilmesi mümkün değilken, değişkenlerin değeri programın akışına göre değişebilir.
Veriler üzerinde birçok işlem yapılabilir. Örneğin, sayılar üzerinde matematiksel işlemler gerçekleştirilebilir, metinler üzerinde arama işlemleri yapılabilir ve diziler üzerinde sıralama, filtreleme gibi manipülasyon işlemleri yapılabilir. Bu sayede veriler daha işlevsel hale gelir ve programların daha akıllı hale gelmesi sağlanır.
Verilerin Tanımlanması ve İşlenmesi
JavaScript'te kullanabileceğiniz birçok veri türü vardır. Bunlar arasında sayılar, metinler, boolean'lar, nesneler ve diziler bulunur. Veriler, değişkenlere atandığında veya doğrudan kullanıldığında tanımlanabilir ve işlenebilir. JavaScript'te değişkenler, var veya let anahtar sözcüğü ile tanımlanır. Örneğin, bir sayı değişkeni tanımlamak için "var sayi=10;" kullanabilirsiniz. Metin değişkenleri için ise "var metin='Merhaba Dünya';" kullanılabilir.
Veriler üzerinde birçok farklı işlem yapılabilir. Matematiksel işlemler, karşılaştırma işlemleri, string işlemleri, mantıksal işlemler ve diğer farklı işlemler yapılabilir. Örneğin, sayı değişkenlerinde matematiksel işlemler yapabilir, string değişkenlerinde uzunluğunu, alt dizilerini veya karakterleri alabilirsiniz. Boolean değişkenleri, mantıksal işlemler için kullanılır.
Dizi Manipülasyonu
JavaScript, web uygulamalarının en popüler programlama dillerinden biri olduğu için dizi manipülasyonu da oldukça yaygındır. Diziler, birden fazla değeri bir arada saklayabilen veri yapılarıdır ve bu değerler herhangi bir veri tipinde olabilir. Dizi manipülasyonu, bu değerler üzerinde istenilen işlemlerin yapılmasına olanak tanır.
Diziler JavaScript'te oldukça sık kullanılan bir yapıdır ve birçok farklı yöntemle manipüle edilebilirler. Dizi oluşturma, eleman ekleme ve çıkarma, sıralama ve filtreleme işlemleri, JavaScript'in dizi manipülasyon yöntemlerindendir. Bu yöntemler sayesinde, diziler üzerinde istenilen işlemler kolaylıkla gerçekleştirilebilir ve veriler istenilen şekilde saklanabilir.
- Dizi oluşturma: Diziler, farklı eleman türleri içerisinde birden çok değer ile oluşturulabilir. Örneğin; birkaç sayı, birkaç string veya her iki türden oluşan bir dizi tanımlanabilir.
- Sıralama: JavaScript'te bir dizi, alfabetik veya sayısal olarak sıralanabilir. Sıralama işlemi, sort() yöntemi kullanılarak gerçekleştirilir.
- Eleman ekleme ve çıkarma: Diziye yeni bir eleman eklemek veya var olan bir elemanı çıkarmak, JavaScript'te oldukça kolaydır. push(), pop(), shift() ve unshift() gibi yöntemler bunun için kullanılabilir.
- Filtreleme: Dizi içerisindeki elemanlar belirli bir kriter kullanılarak filtrelenir ve yalnızca belirtilen kriteri karşılayan elemanlar kalır.
Bunlar sadece JavaScript'in dizi manipülasyon yöntemlerinden bazılarıdır. Daha fazla yöntem öğrenmek ve dizi manipülasyonu hakkında daha fazla bilgi edinmek için JavaScript'in resmi belgelerini inceleyebilirsiniz.
Dizi Özellikleri
JavaScript dizileri, birden fazla veriyi tutabildikleri için oldukça kullanışlıdır. Bu bölüm, JavaScript dizilerinin önemli özelliklerini ele alıyor. Dizi uzunluğu, dizideki elemanların sayısını ifade eder. Bu özellik, .length ile diziye erişilerek kullanılır. Eğer bir diziye boş eleman eklenirse, bu elemanın sayısı da dizi uzunluğuna dahil edilir. Dizi kapasitesi, diziye eklenen elemanların maksimum sayısını ifade eder. Bu sayı, bir dizi oluşturulduğunda belirlenir ve kapasitenin üzerinde eleman eklemek, dizi boyutunu artırarak gerçekleştirilir. Dizi sıralaması, elemanların belirli bir kriter doğrultusunda sıralanmasını ifade eder. JavaScript, bu işlem için farklı sıralama yöntemleri sunar. Bunlara örnek olarak, alfabetik, sayısal veya ters sıralama verilebilir.
- Dizi Uzunluğu özelliğine .length ile erişilir.
- Dizi Kapasitesi, dizi oluşturulduğunda maksimum kapasiteyi ifade eder.
- Dizi Sıralama yöntemleri, belirli bir kriter doğrultusunda elemanları sıralama işlemidir.
Dizi Uzunluğu
JavaScript ile dizi uzunluğunu işlemek oldukça kolaydır. Dizi uzunluğu, bir dizideki elemanların sayısını belirtir. Uzunluğuna erişmek için, dizi adından sonra köşeli parantezler içinde indeks numarası kullanabilirsiniz. Örneğin, aşağıdaki kod dizinin uzunluğunu 4 olarak belirler:
var dizi = [1, 2, 3, 4];console.log(dizi.length); // 4
Bunun yanı sıra, bir dizinin uzunluğu doğrudan değiştirilebilir. Eğer uzunluğunu artırmak istiyorsanız, boş elemanlar eklenir. Azaltmak isterseniz, dizinin sonundan elemanlar kesilir. Örneğin:
dizi.length = 3; // dizi artık [1, 2, 3]dizi.length = 5; // dizi artık [1, 2, 3, undefined, undefined]
Ayrıca, Array()
kullanarak boş bir dizi oluşturabilirsiniz. Bu boş dizilere elemanlar ekleyebilirsiniz veya başka bir diziye atayabilirsiniz. Örneğin:
var bosDizi = new Array();bosDizi.length; // 0var yeniDizi = ['elma', 'armut', 'üzüm'];bosDizi = yeniDizi.slice(0,2); // bosDizi artık ["elma", "armut"]
Bu yöntemler sayesinde, JavaScript'te dizilerle çalışırken uzunluğu yönetmek oldukça kolaydır.
Dizi Kapasitesi
JavaScript'te diziler önemli bir veri yapısıdır ve depolama kapasitesi, bir dizinin performansını etkileyen önemli bir faktördür. Dizilerin kapasitesini değiştirmek, dizinin elemanlarına daha fazla yer açmak veya diziyi daha verimli hale getirmek için önemlidir.
Bir dizinin kapasitesini değiştirmek için çeşitli yöntemler vardır. Bunlardan biri, Array.length() yöntemidir. Bu yöntem, bir dizinin mevcut uzunluğunu döndürür ve aynı zamanda dizi uzunluğunu ayarlamak için kullanılabilir. Örneğin, aşağıdaki kod dizi uzunluğunu 5 olarak ayarlar:
var dizi = ["elma", "armut", "çilek"];dizi.length = 5;
Böylece, "undefined" olarak ayarlanan yeni elemanlarla birlikte dizi boyutunu 5'e yükseltmiş olduk. Ancak, bu yöntemle dizi boyutu yalnızca artırılabilir ve önceden belirlenmiş uzunluklara kadar azaltılamaz.
Bununla birlikte, JavaScript'in Array.concat() yöntemi, yeni bir dizi oluşturarak iki veya daha fazla diziyi birleştirebilir. Daha sonra, yeni dizi, orijinal dizilerin elemanlarına sahip olacaktır ve daha büyük bir kapasiteye sahip olabilecektir. Örneğin:
var dizi1 = ["elma", "armut"];var dizi2 = ["çilek", "portakal"];var dizi3 = dizi1.concat(dizi2);
Bu yöntemle, dizi3, "elma", "armut", "çilek" ve "portakal" gibi tüm elemanları içerecektir.
Bir başka seçenek ise, yeni bir dizi oluşturmak ve orijinal dizinin elemanlarını yeni diziye kopyalamaktır. Bu yöntem, önceden belirlenmiş boyutlara kadar dizi kapasitesinin azaltılmasına izin verir. Örneğin, aşağıdaki kod dizi kapasitesini 3'e düşürür:
var orijinalDizi = ["elma", "armut", "çilek"];var yeniDizi = new Array(3);for (var i = 0; i < yeniDizi.length; i++){ yeniDizi[i] = orijinalDizi[i];}
Bu yöntemle, orijinal dizi elemanları yeni diziye kopyalanarak kapasitesi azaltılmış olur.
Dizilerin kapasitesini değiştirme yöntemleri birbirinden farklılık gösterir, ancak her biri farklı durumlarda kullanışlıdır. Ancak, dizi kapasite değişiklikleri, dizinin performansını etkileyebileceğinden dikkatli bir şekilde planlanmalı ve uygulanmalıdır.
Dizi Sıralaması
JavaScript ile dizi elemanlarının sıralanması, önemli bir işlemdir. Dizilerdeki elemanlar genellikle belirli bir sıraya göre düzenlenmek istenebilir. JavaScript, farklı sıralama yöntemleri sunar. Bu yöntemler, alfabetik, sayısal veya ters sıralama gibi farklı seçenekleri içerir.
Dizi elemanlarının sıralanması için, öncelikle sıralama yönteminin belirlenmesi gerekmektedir. JavaScript, dizi elemanlarının sıralanmasını gerçekleştirmek için "sort()" fonksiyonunu kullanır. Bu fonksiyon, elemanların sıralamasını değiştirir ve sıralı bir dizi döndürür.
Sıralama yöntemleri arasında, alfabetik sıralama "sort()" fonksiyonunun varsayılan yöntemidir. Ancak, sayısal sıralama için özel bir sıralama fonksiyonu oluşturmanız gerekebilir. "sort()" fonksiyonuna argüman olarak bu fonksiyonu da verebilirsiniz. Bu şekilde, sayısal veya özel belirlenen sıralama türlerine göre elemanlar sıralanacaktır.
Sıralama işlemi, dizinin orijinal sıralamasını değiştirir. Eğer orijinal dizi korunmak isteniyorsa, "slice()" fonksiyonu kullanarak bir kopya alınabilir. Bu şekilde kopya dizi üzerinde sıralama işlemi gerçekleştirilir, orijinal dizi aynı kalmış olur.
Dizi Ekleme ve Çıkarma İşlemleri
Javascript dizileri üzerinde eleman ekleme ve çıkarma işlemleri, sıklıkla ihtiyaç duyulan temel işlemlerdir. Diziye eleman eklemek için .push() metodu kullanılır. Örneğin, myArray.push("elma"); kodu, myArray dizisine "elma" öğesini ekleyecektir. Bir dizideki son öğeye eklenir.
Bir dizinin başına öğe eklemek için ise .unshift() methodu kullanılır. Örneğin, myArray.unshift("muz"); kodu myArray dizisinin başına "muz" öğesini ekleyecektir.
Eğer bir diziye birden fazla eleman eklemek isterseniz, bunları .push() methodunun ardından virgülle ayırarak ekleyebilirsiniz. Örneğin, myArray.push("elma", "armut", "portakal"); kodu, myArray dizisine "elma", "armut" ve "portakal" öğelerini sırasıyla ekleyecektir.
Eğer bir diziden eleman çıkarmak isterseniz, .pop() ve .shift() methodlarını kullanabilirsiniz. İlk yöntem son öğeyi çıkarırken, ikinci yöntem dizinin ilk öğesini çıkarır. Örneğin, myArray.pop(); kodu myArray dizisinin son öğesini çıkaracaktır.
Bir diziden öğe çıkarmak için .splice() metodu kullanılır. Bu metod, öğesinin konumunu ve kaç öğeyi çıkaracağınızı belirtmenizi gerektirir. Örneğin, myArray.splice(1, 2); kodu, myArray dizisinin 1. öğesinden itibaren 2 öğeyi çıkaracaktır.
Diziye Eleman Ekleme
JavaScript'te dizilere eleman ekleme işlemi, push() ve unshift() metodları kullanılarak gerçekleştirilir. push() metodu, bir diziye sona eleman eklemek için kullanılırken, unshift() metodu, bir diziye başa eleman eklemek için kullanılır. Bu yöntemler, eklenen elemanın dizinin diğer elemanları üzerinde nasıl etkileşime geçeceğini belirler.
Bir diziye eleman eklerken, dikkat edilmesi gereken birkaç şey vardır. Öncelikle, eklenen elemanın dizi türüne uygun olması gerekir. Daha sonra eklenen elemanın konumu belirlenmelidir. push() metodu, yeni elemanı dizinin sonuna, unshift() metodu ise yeni elemanı dizinin başına ekler.
Örneğin, aşağıdaki kod parçası, bir diziye eleman ekleme işlemini göstermektedir:
let dizi = [1, 2, 3, 4]; dizi.push(5); // dizinin sonuna 5 ekleme console.log(dizi); // [1, 2, 3, 4, 5] olarak çıkar
Bu kodda, push() metodu kullanılarak, 5 sayısı diziye sona eklenmiştir. Dizi, [1, 2, 3, 4, 5] olarak güncellenmiştir.
Buna karşın, aşağıdaki kodda, unshift() metodu kullanılarak, 0 sayısı diziye başa eklenmiştir:
let dizi = [1, 2, 3, 4]; dizi.unshift(0); // dizinin başına 0 ekleme console.log(dizi); // [0, 1, 2, 3, 4] olarak çıkar
Bu kodda, unshift() metodu kullanılarak, 0 sayısı diziye başa eklenmiştir. Dizi, [0, 1, 2, 3, 4] olarak güncellenmiştir.
Bununla birlikte, bir diziye birden fazla eleman eklenmek isteniyorsa, push() veya unshift() metodları yerine, concat() metodu kullanılabilir. Bu yöntem, iki veya daha fazla diziye birleştirerek, yeni bir dizi oluşturur. Bu sayede, daha fazla eleman tek bir adımda bir diziye eklenir.
Diziden Eleman Çıkarma
Dizi işlemleri sırasında birçok durumda, bir diziden elemanların çıkarılması gerekir. Bunun için kullanabileceğiniz birçok metot vardır.
Bir diziden eleman çıkarmak, dizinin boyutunu azaltır ve elemanları yeniden düzenleyebilir. JavaScript'te bir diziden elemanları çıkarmak için pop() ve shift() metotları kullanılır. pop() metodu, dizinin sonundan eleman çıkarmaya yararken, shift() metodu dizinin başından eleman çıkartır.
Ayrıca splice() metodu, belirli bir poziyondan başlayarak istenilen sayıda elemanı çıkartır. splice() metodu, birkaç farklı parametre alır. İlk parametre, çıkarılmaya başlanacak pozisyonu belirlerken, ikinci parametre kaç elemanın çıkarılacağını belirler. Sonraki parametreler ise çıkarılan elemanların yerine eklenecek olanlar olabilir.
Metot | Açıklama |
---|---|
pop() | Dizinin sonundaki elemanı çıkarır. |
shift() | Dizinin başındaki elemanı çıkarır. |
splice() | Belirli bir poziyondan başlayarak istenilen sayıda elemanı çıkarır. |
Örneğin, aşağıdaki kod bloğu, bir diziye pop() ve splice() metotlarını kullanarak eleman çıkarma işlemini göstermektedir:
let dizi = ["elma", "armut", "çilek", "muz"];dizi.pop();console.log(dizi); // ["elma", "armut", "çilek"]dizi.splice(1, 1);console.log(dizi); // ["elma", "çilek"]
Bu örnekte, dizimizin sonundaki "muz" elemanı pop() metodu ile çıkarılırken, splice() metodu ile dizinin 1. pozisyonundaki "armut" elemanı çıkarılmıştır.
Dizi Filtreleme ve Seçme İşlemleri
Dizi Filtreleme ve Seçme İşlemleri bize, belirli bir kurala veya koşula göre dizi elemanlarını filtreleme ve seçme imkanı sunar. Bu işlemi gerçekleştirmek için, öncelikle dizi elemanlarının tümünü tek tek kontrol ederiz ve belirlediğimiz kriterlere uyanları seçeriz. Elemanlar genellikle sayısal veya metinsel kategoriler halinde filtrelenir. Örneğin, bir dizi içerisinde bulunan tüm sayılardan sadece çift olanları seçme veya dizideki metinler arasından belirli bir kelimeyi içerenleri seçme gibi işlemleri yapabiliriz.
Dizi elemanlarının filtrelenmesi için birçok yöntem vardır. Bu yöntemler arasında filtre(), find(), findIndex() ve map() fonksiyonları yer alır. Dizi elemanlarının seçilmesi için ise filter() fonksiyonu kullanılır. Bu fonksiyon dizi elemanlarını kontrol eder ve belirlenen koşula uyanları yeni bir diziye aktarır. Bu yöntemle istenmeyen elemanlar atılır ve sadece gerekli olanlar seçilir.
JavaScript, diziler üzerinde birçok seçim yöntemi sunar. Bu yöntemler arasında bölme, kaydırma ve eşleştirme bulunur. Dizi bölme yöntemi, dizi elemanları arasından bir aralık seçmenize olanak tanır ve slice() fonksiyonu ile gerçekleştirilir. Kaydırma yöntemi, bir dizideki elemanları belirli bir sayı kadar öteleyerek seçmenize olanak tanır ve splice() fonksiyonu ile yapılır. Eşleştirme yöntemi ise, bir dizideki elemanları belirli bir şablona veya kalıba göre seçmenize olanak tanır ve match() fonksiyonu ile yapılır.
Sonuç olarak, dizi filtreleme ve seçme işlemleri, belirli bir koşula uygun olan elemanları seçerek işlemlerimizi hızlandırmamıza yardımcı olur. Bu yöntemleri kullanarak istediğimiz elemanları kolaylıkla seçip, işlem yapabiliriz. Unutmayalım ki, JavaScript ile veri manipülasyonu ve işleme yapmak, web uygulamaları için büyük önem taşır.
Elemanları Belirli Bir Koşula Göre Filtreleme
Dizi filtreleme, JavaScript'teki önemli bir veri manipülasyon yöntemidir. Dizi elemanları arasından belirli bir koşulu sağlayanları seçmek için kullanılır. Filtreleme işlemi, .filter() yöntemi kullanılarak gerçekleştirilir. Bu yöntem, bir diziye uygulandığında, belirli bir koşula geçen elemanlar yeni bir diziye aktarılır. Bu işlem, orijinal diziden elemanları silmeden bir alt küme oluşturur.
Örneğin, aşağıdaki dizi elemanlarının sadece çift olanlarını seçmek için şu kod kullanılabilir:
var sayilar = [1, 2, 3, 4, 5, 6];var cift = sayilar.filter(function(sayi) { return sayi % 2 == 0;});
Bu kod, sayilar dizisinin filtrelenmesini sağlar ve sadece çift sayıları içeren yeni bir dizi olan cift oluşturur.
Filtreleme işlemi, dizilerdeki veri arama veya sorgulama yaparken çok kullanışlıdır. Örneğin, bir dizi öğrencinin notlarını içeriyorsa, final notu 70 ve üzerinde olan öğrencileri seçmek için filtreyi kullanabiliriz. Bu nedenle, dizi filtreleme, veri manipülasyonunda önemli bir araçtır.
Elemanları Seçme
Bir JavaScript dizisindeki elemanları seçmek için birkaç yöntem vardır. Bunlardan biri, belirli bir indeks numarasına sahip olan elemanları seçmektir. Dizinin indeks numaraları 0'dan başlar, yani bir dizinin ilk elemanı 0. indekse sahiptir. Örneğin, bir dizinin 3. indeksli elemanını seçmek için şu kodu kullanabilirsiniz:
var dizi = ["elma", "armut", "muz", "çilek"];var secilen = dizi[2];
Bu kod, "muz" kelimesini seçer ve "secilen" değişkenine atar.
Bir diğer yöntem ise, belirli bir koşula göre elemanları seçmektir. Bu yöntem, "dizi.filter()" kullanılarak yapılabilir. Örneğin, bir dizideki sayısal değerleri seçmek için şu kodu kullanabilirsiniz:
var dizi = [2, 5, "elma", 10, "armut", 7];var sayilar = dizi.filter(function(eleman) { return typeof eleman === "number";});
Bu kod, "sayilar" dizisine sadece sayısal değerleri seçer ve diğer elemanları çıkarır.
Bir diğer seçim yöntemi ise, belirli bir değere sahip olan elemanları seçmek için "dizi.indexOf()" yöntemini kullanmaktır. Bu yöntem, bir dizide belirli bir değeri arar ve bu değere sahip olan ilk elemanın indeks numarasını döndürür. Örneğin, bir dizide "elma" kelimesini seçmek için şu kodu kullanabilirsiniz:
var dizi = ["elma", "armut", "muz", "çilek", "elma"];var indeks = dizi.indexOf("elma");var secilenler = [];while (indeks != -1) { secilenler.push(indeks); indeks = dizi.indexOf("elma", indeks + 1);}
Bu kod, "secilenler" dizisine "elma" kelimesine sahip olanların indeks numaralarını ekler.