JavaScript dizilerini doğru bir şekilde kullanmayı öğrenin Bu yazıda, fonksiyonlar ve çağırma işlemleri hakkında bilgi edineceksiniz JavaScript dizileri ile kodlarınızı daha etkili hale getirin!
JavaScript dizileri, aynı tür verilerin bir arada saklanması için oluşturulmuş bir veri yapısıdır. Bu sayede, birden fazla veriye erişmek ve bu verileri değiştirmek daha kolay hale gelir. Özellikle Node.js gibi JavaScript kökenli diller, istemci ve sunucu tarafı uygulamaları geliştirmek için oldukça popülerdir. Bu makalede, JavaScript dizileri hakkında temel kavramlar, fonksiyonlar ve çağırma işlemleri hakkında bilgi sağlayacağız.
Diziler Nedir?
Javascript dizileri, verilerin bir arada saklanması amacıyla oluşturulan veri yapısıdır. Diziler, birbiriyle ilintili veya aynı türden verilerin saklanmasını sağlayarak, bu verilere daha kolay erişim imkanı sunar. Dizi elemanları, belirli bir sırayla saklanarak, index numaraları ile çağrılabilir ve bu sayede kolay bir şekilde elemanlara erişilebilir.
Bir dizi oluşturulurken, [] köşeli parantezleri kullanılarak içine elemanlar eklenir ve her eleman virgülle ayrılır. Bu elemanlar, dizinin index numaralarına göre sıralanır. Ayrıca, JavaScript dizileri farklı türlerde verileri de saklayabilir. Örneğin, bir dizi içinde hem string hem number hem de boolean gibi farklı veri türlerine ait elemanlar yer alabilir.
Diziler, genellikle benzer özelliklere sahip verilerin saklanması için kullanılır. Örneğin, bir dizi içinde bir kitabın adı, yazarı, yayın yılı gibi bilgiler depolanabilir. Bu sayede, bu bilgilere daha kolay bir şekilde erişim sağlanabilir. Ayrıca, bir dizi içinde yer alan elemanlara kolayca erişilebildiği için, bu işlem sayesinde farklı işlemler yapılabilir. Bu nedenle, JavaScript dizileri son derece önemli bir veri yapıları arasında yer alır.
Dizi Fonksiyonları Nelerdir?
Diziler, aynı türden verilerin bir arada saklanmasını sağlayan bir veri yapısıdır. Ancak, dizileri kullanmak bir işlem yapmak için yeterli değildir. Dizilerin içinde bulunan elemanlar için bazı işlemler yaparak farklı sonuçlar elde edebiliriz. Bu nedenle, JavaScript dizileri birçok farklı fonksiyon içerir.
En sık kullanılan dizi fonksiyonları arasında forEach(), filter() ve map() gibi işlemler bulunur. forEach() fonksiyonu, dizideki her bir eleman için belirtilen bir işlemi gerçekleştirir. Bu fonksiyon, bir dizi elemanları üzerinde işlem yapmak istediğimizde çok faydalıdır.
filter() fonksiyonu, belirli bir koşula uyan tüm elemanları içeren yeni bir dizi döndürür. Bu fonksiyon, bir dizinin içindeki belirli öğeleri bulmak için kullanılabilir. map() fonksiyonu ise bir dizideki her elemana belirtilen bir işlemi uygulayarak yeni bir dizi döndürür. Bu fonksiyon, bir diziyi değiştirmeden belirli ayarlamalar yapmak için kullanılabilir.
Daha açıklayıcı olarak, filter() fonksiyonu, bir liste içinde sadece belirli bir aralığı ("filter" etmek olarak adlandırılır) göstermek istersek kullanacağımız bir seçim yöntemidir. Örneğin, bir listenin içinde sadece çift sayıları göstermek istiyorsak, "if i%2==0" gibi bir koşul yazarak sadece çift sayıları listeleyebiliriz. Benzer şekilde, map() fonksiyonu verilen bir liste üzerinde ayarlamalar yapmak için kullanılabilir. Örneğin, bir liste içinde yer alan sayıları 2 ile çarpmak istiyorsak, map() fonksiyonunu kullanarak kolayca yapabiliriz.
Ayrıca, push() ve pop() fonksiyonları da dizi fonksiyonları arasında yer alır. push() fonksiyonu, bir dizide yeni bir eleman eklemek için kullanılırken, pop() fonksiyonu diziden bir elemanı çıkarmak için kullanılır. Bu fonksiyonlar, dizilerin değiştirilmesi gerektiğinde oldukça kullanışlıdır.
JavaScript dizilerinde bulunan bu fonksiyonlar, düzenli olarak kullanılabilir ve bazı durumlarda programın fonksiyonelliğinin düzgün işlemesi için gerekli olabilir. Bu nedenle, JavaScript dizileri üzerine bilgi sahibi olmak, birçok farklı programlama projelerinde oldukça faydalıdır.
forEach()
JavaScript dizilerinin en sık kullanılan fonksiyonlarından biridir. Her bir elemanı dizi içerisinde gezinmek ve her eleman için bir işlem yapmak için kullanılır. forEach() fonksiyonu, bir dizi bileşeninde her eleman için ayrı birer operasyon yapmak istediğimizde oldukça kullanışlıdır.
forEach() fonksiyonu, diziyi bir fonksiyon ile işleyerek her bir elemanı dizi içinde tek tek gezdirir. Bu fonksiyon, işlem yapma işlevinin özelleştirilmesi için bir anonim fonksiyon olarak tanımlanabilir. forEach() fonksiyonu, dizi içindeki her bir elemanın işlemi tamamlanana kadar bekler ve ardından çalışmayı durdurur.
forEach() fonksiyonunun kullanımı oldukça basittir ve aynı zamanda okunabilir olduğu için en sık tercih edilen fonksiyonlardan biridir. forEach() fonksiyonu, bir dizi içerisindeki her bir elemanın işlemini tamamlaması için bir koşul belirlemenize olanak tanır. Bu fonksiyonun en önemli özelliği, diziyi değiştirmediği için orijinal diziyi korur.
forEach() fonksiyonu ile birlikte, dizi içerisindeki her bir eleman için ayrı bir fonksiyon çağırmak mümkündür. Bu sebeple, bu fonksiyon birçok farklı maksatla kullanılabilir. forEach() fonksiyonu, bir dizinin her bir öğesine erişmek, verileri düzenlemek veya bir diziye dayalı bir düzenleme yapmak gibi birçok amaç için kullanılabilir.
filter()
filter() fonksiyonu nedir?
JavaScript'de, filter() fonksiyonu belirli bir koşula uyan tüm elemanları içeren yeni bir dizi döndürür. Bu fonksiyon, bir dizinin içindeki belirli öğeleri bulmak için çok kullanışlıdır. Bu fonksiyon, orijinal diziyi değiştirmez ve sadece belirli şartları sağlayan elemanları içeren yeni bir dizi döndürür.
Filter() fonksiyonu, bir dizi ve bir koşul fonksiyonu alır. Dizideki her bir eleman, koşul fonksiyonuna gönderilir. Koşul fonksiyonu, bir değer döndürür: doğru (true) veya yanlış (false). Koşul fonksiyonu true değerini döndürdüğünde, eleman yeni bir diziye eklenir.
| Görev | Koşul Fonksiyonu | Filtrelenmiş Dizi |
|---|---|---|
| Verilen sayıların yalnızca çift olanların seçilmesi | sayı % 2 == 0 | [4, 8, 2] |
| Verilen dizideki negatif sayıların seçilmesi | sayı < 0 | [-5, -2, -7] |
Yukarıdaki tabloya bakarak, filter() fonksiyonunun nasıl kullanılacağını anlayabilirsiniz. Koşul fonksiyonunun her eleman için değerlendirildiği ve sonuçlarına göre yeni bir dizi oluşturulduğunu görebilirsiniz.
Filter() fonksiyonu, forEach() fonksiyonu gibi yaygın olarak kullanılmaktadır. Bu fonksiyon kullanılarak, bir dizideki istenen öğeleri seçebilir ve yeni bir dizi olarak saklayabilirsiniz.
map()
map() fonksiyonu, bir dizideki her elemana belirtilen bir işlemi uygulayarak yeni bir dizi oluşturur. Bu işlem, bir dizinin elemanlarını değiştirmez, sadece belirli düzeltmeler yaparak yeni bir dizi oluşturur.
Bu fonksiyon bir dizi elemanı için bir işlem yapmanıza izin verir. Genellikle, dizinin her elemanının toplamını almak, büyük harfe dönüştürmek gibi belirli ayarlamalar yapmak için kullanılır. Örneğin, bir dizi içindeki isimleri tamamen büyük harflere dönüştürmek için map() fonksiyonu kullanılabilir. Aşağıdaki örnek, bir dizi içindeki sayıların karesini hesaplar ve yeni bir dizi olarak döndürür:
| Dizi | map() İşlemi |
|---|---|
| [1, 2, 3, 4] | [1, 4, 9, 16] |
map() fonksiyonunun aynı zamanda filter() fonksiyonu gibi bir koşul belirleme özelliği de bulunur. Böylece, koşulu sağlayan elemanlardan oluşan bir dizi oluşturabilirsiniz. Örneğin, yüksek not alan öğrencilerin isimlerinin ve notlarının bulunduğu bir dizi varsa, bu dizideki notları 60'ın üzerinde olan öğrencilere ait isimleri içeren bir dizi oluşturmak için aşağıdaki map() fonksiyonu kullanılabilir:
- [["Ali", 80], ["Ayşe", 70], ["Hakan", 95], ["Esra", 40]]
- ["Ali", "Ayşe", "Hakan"] // 60'tan büyük not alan öğrencilerin isimleri
map() fonksiyonu, JavaScript dizilerinde oldukça faydalı bir fonksiyondur. Diziyi değiştirmeden belirli düzeltmeler yapmak için kullanılabilir.
Push() ve Pop() İşlemleri
JavaScript dizileri, birden çok değeri saklamak için kullanılabilirler. Bu değerler, genellikle aynı türden olurlar. Bu nedenle, dizi fonksiyonları, bir dizinin elemanlarını kontrol etmek ve düzenlemek için oldukça önemlidir. push() ve pop() işlemleri, dizilerin değiştirilmesi gerektiğinde sıklıkla kullanılır.
push() fonksiyonu, bir dizinin sonuna eleman eklemek için kullanılır. Bu, birden çok elemanı kolayca diziye eklemek için kullanışlıdır. Örneğin, bir metin kutusuna birkaç kelime girip ardından bir butona tıkladığınızda, metin kutusundaki enter tuşuna benzer bir işlem gerçekleştirilir:
| Kod | Sonuç |
|---|---|
| var meyveler = ["elma", "armut", "çilek"]; | |
| meyveler.push("muz", "kiraz"); | meyveler: ["elma", "armut", "çilek", "muz", "kiraz"] |
pop() fonksiyonu, bir diziden son elemanı çıkarmak için kullanılır. Bu, son eklenen elemanı bir önceki haliyle geri almak için kullanışlıdır. Örneğin, bir geri alma işlevi oluşturmak istediğinizde pop() işlemi kullanılabilir:
| Kod | Sonuç |
|---|---|
| var meyveler = ["elma", "armut", "çilek", "muz", "kiraz"]; | |
| meyveler.pop(); | meyveler: ["elma", "armut", "çilek", "muz"] |
Bu fonksiyonlar, bir diziyi manipüle etmek için kullanılırken dikkatli olunmalıdır. Uygulamanın işlevselliğine zarar verebilecek hatalar yapılmaması için, bu işlemlerin uygun şekilde kullanılması önemlidir.
Dizi Çağırma İşlemleri Nasıl Yapılır?
Diziler, programlama dillerinde sıkça kullanılan bir veri tipidir. Dizilerin kullanımı, içindeki elemanlara erişmek ve bu elemanları değiştirmek istediğimizde oldukça önemlidir. Dizilerin elemanlarına erişmek için, elemanın dizindeki konumunu (dizin numarasını) kullanırız. Bu dizin numarası, elemanın hangi sırayla saklandığını gösterir ve her eleman için benzersiz bir numaradır.
Bir dizi elemanına erişmek veya bir dizi elemanının içeriğini değiştirmek için kullanılan yöntemler arasında, çeşitli fonksiyonlar, koşullu ifadeler, ve Dizi İndeksleme yöntemleri bulunmaktadır. Bunlar arasındaki seçim, elemanın bulunduğu konuma, elemanın türüne, ve programlama dili özelliklerine göre değişebilir.
Dizi İndeksleme yöntemleri içinde, en sık kullanılanı köşeli parantezler içinde dizin numarasını yazmaktır. Örneğin:
| Dizi İsmi | Eleman 1 | Eleman 2 | Eleman 3 | ||||
|---|---|---|---|---|---|---|---|
| dizi | 5 | 8 | 12 |
Yukarıdaki örnekte, dizi ismi "dizi" olarak tanımlandı ve içerisinde 3 eleman var. Bu elemanların dizi indeksleri sırasıyla 0, 1, ve 2'dir. Örneğin, "dizi" dizisinin 2. elemanına erişmek için "dizi[1]" kullanılabilir. Böylece, 2. elemanın değeri olan "8" elde edilebilir.
Benzer şekilde, bir dizi elemanının içeriğini değiştirmek için de yine indeksleme yöntemi kullanılır. Örneğin, yukarıdaki örnekte "dizi[0]" 5 değerini saklamaktadır. Eğer bu değeri "10" olarak değiştirmek istiyorsak, "dizi[0] = 10" şeklinde bir atama işlemi gerçekleştirebiliriz. Böylece, "dizi" dizisinin artık şu şekilde görünecektir:
| Dizi İsmi | Eleman 1 | Eleman 2 | Eleman 3 | ||||
|---|---|---|---|---|---|---|---|
| dizi | 10 | 8 | 12 |
JavaScript dizileri, farklı boyut ve türlerdeki veri yapıları için oldukça kullanışlıdır. Dizilerin temel kullanımı, elemanlarına erişmek ve bu elemanları değiştirmek için kullanılan yöntemler hakkında bilgi sahibi olmak, web geliştirme için önemlidir.
Eleman Erişim İşlemleri
JavaScript dizilerinde her bir eleman, dizi içinde bir dizi numarası veya index numarası ile belirtilir. Index numarası 0'dan başlar ve her bir eleman için sırasıyla artar. Örneğin, bir dizi içindeki ilk elemanın index numarası 0'dır ve ikinci elemanın index numarası 1'dir.
Dizi elemanlarına erişmek için, dizi değişkeni adı ve index numarasını parantez içinde yazarak kullanırız. Örneğin, "dizi[2]" ifadesi, üçüncü elemanı döndürür çünkü index numarası 2'dir. Dizi elemanlarına erişmek için ayrıca for döngüsü de kullanılabilir.
Dizi elemanlarının değerleri değiştirilebilir. Değiştirme işlemi, elemanın index numarasına erişip, yeni bir değer atamak yoluyla yapılır. Örneğin, "dizi[3] = 15" ifadesi ile, dörtüncü elemanın değeri 15 olarak değiştirilir.
Dizi elemanlarına erişim işlemleri oldukça önemlidir, çünkü dizilerin kullanımında en sık başvurulan işlemlerden biridir. Dizi elemanlarına doğru erişim, programların doğru çalışmasını sağlar.
Dizi Boyutunu Değiştirme İşlemleri
Dizi boyutunu değiştirme işlemi, bir dizinin eleman sayısını değiştirebilmemizi mümkün kılar. Dizi boyutu genellikle bir dizi oluşturulduktan sonra değiştirilmek istenebilir. Dizi boyutunu değiştirmenin birden fazla yolu vardır.
Birinci yol, length özelliğini kullanarak bir dizinin boyutunu değiştirmektir. length özelliği, bir dizinin eleman sayısını belirtir. Bu özelliğe bir sayı atanarak, dizinin boyutu değiştirilir. Eğer length özelliğine verilen sayı, dizinin öğelerinden daha az ise, dizinin sonundaki öğeler kırpılır ve yeni uzunluğa göre boyutlandırılır. Eğer length özelliğine verilen sayı, dizinin öğelerinden daha fazla ise, boş öğeler eklenir ve dizinin boyutu, yeni uzunluğa göre boyutlandırılır. Örnek olarak;
let dizi = [1, 2, 3, 4, 5];dizi.length = 3; // dizi: [1, 2, 3]dizi.length = 6; // dizi: [1, 2, 3, undefined, undefined, undefined]
İkinci yol, splice() metodunu kullanarak bir dizinin boyutunu değiştirmektir. splice() metodu, belirtilen konumdan başlayarak bir diziden öğeleri kaldırır ve istenilen sayıda yeni öğeler ekler. Bu metodun üç parametresi vardır. İlk parametre, işlem yapılacak dizinin başlangıç noktasını belirler. İkinci parametre, kaldırılacak öğe sayısını belirler. Üçüncü ve son parametre, eklenen öğeleri belirler. Eğer ikinci parametre 0 ise, hiçbir öğe silinmeyecektir. Eklemek istediğimiz öğelerin sayısı, üçüncü parametreye verilebilir. Örnek olarak;
let dizi = [1, 2, 3, 4, 5];dizi.splice(2, 2); // dizi: [1, 2, 5]dizi.splice(3, 0, 'a', 'b', 'c'); // dizi: [1, 2, 5, 'a', 'b', 'c']
Dizi boyutu değiştirme işlemi, birçok durumda kullanılır. Örneğin, bir dizinin boyutu belirli bir koşula göre değiştirilebilir veya bir dizinin yeni öğelerle genişletilmesi gerekebilir. Dizi boyutunu değiştirmek için farklı yollar kullanarak, işlem sırasında diziyi değiştirmek veya yalnızca boyutunu değiştirmek mümkündür.
Sonuç
Her programlama dilinde olduğu gibi JavaScript'te de verilerin saklanması gerekmektedir. Diziler, aynı türden verilerin bir araya toplanmasını sağlayarak, veri saklamanın en temel yöntemlerinden biridir. Bu makalede, JavaScript dizilerinin ne olduğu, dizilerin temel kavramları, dizi fonksiyonları ve çağırma işlemleri hakkında bilgi sağlandı.
JavaScript dizileri, güçlü ve esnek bir veri yapısıdır. Dizi fonksiyonları, belirli amaçlar doğrultusunda dizilerin kullanımını sağlayarak, programcılara esneklik ve kolaylık sağlar. Dizi fonksiyonlarını kullanarak, bir diziyi kolayca işleyebilir ve değiştirebilirsiniz.
Dizi fonksiyonları arasında en sık kullanılanları ise forEach(), filter() ve map() fonksiyonlarıdır. Bunun yanı sıra, push() ve pop() işlemleri de dizi fonksiyonları olarak dikkat çekiyor. Bu fonksiyonlar ile bir diziye eleman eklenebilir veya bir eleman çıkarılabilir. Dizi yer değiştirme işlemleri de önemli bir konudur.
Diziler hakkında daha fazla bilgi edinmek isteyenler, JavaScript'in geliştirildiği Kaynak Araştırma Enstitüsü'nün web sitesinde yer alan detaylı açıklamalara göz atabilirler. Bu makalede JavaScript dizileri ile ilgili temel kavramlar, dizi fonksiyonları ve çağırma işlemleri hakkında bilgi sağlandı.