JavaScript Array (Dizi) Metotları

Başlatan C35.net, Ağu 12, 2024, 01:52 ÖS

« önceki - sonraki »
Yazdır
Aşağı git Sayfa1
Kullanıcı Eylemleri

C35.net

Ağu 12, 2024, 01:52 ÖS Son düzenlenme: Ara 10, 2024, 04:17 ÖS C35.net
JavaScript Nedir?
JavaScript, web tarayıcılarında çalışan ve dinamik içerik oluşturmak için kullanılan en popüler programlama dillerinden biridir. Hem istemci tarafında (tarayıcıda) hem de sunucu tarafında (Node.js gibi platformlarda) çalışabilir. Kullanıcı etkileşimlerini yönetme, içerik güncelleme ve uygulama geliştirme gibi geniş bir kullanım alanına sahiptir. Modern web teknolojilerinin temel taşlarından biri olarak kabul edilir!

Dizi Nedir?
JavaScript'te dizi (array), birden fazla veriyi bir arada saklamaya yarayan bir veri yapısıdır. Diziler, sıralı elemanlardan oluşur ve her eleman bir indeks numarası ile erişilebilir. Örneğin, bir meyve sepetindeki 'elma', 'muz' ve 'portakal' gibi öğeler bir dizide sıralı şekilde tutulabilir.

Dizi Türleri
JavaScript'te iki temel dizi türü bulunmaktadır:
  • Tek Boyutlu Diziler: Sadece tek bir sıra boyunca sıralanmış elemanlardan oluşur.
  • Çok Boyutlu Diziler: İçinde başka diziler barındırabilen yapılardır. Örneğin, matrisler.

Dizi Oluşturma
JavaScript'te dizi oluşturmak için köşeli parantezler kullanılır. Örnek:
Kod Seç
let meyveler = ['elma', 'muz', 'portakal'];
Yukarıdaki örnekte, 'meyveler' adında bir dizi oluşturulmuş ve içine üç farklı değer atanmıştır.

Dizi Metotları
JavaScript dizileriyle çalışırken kullanabileceğiniz bazı yaygın metotlar şunlardır:

  • push(): Dizinin sonuna yeni bir eleman ekler.
    Kod Seç
    meyveler.push('kivi'); // Çıktı: ['elma', 'muz', 'portakal', 'kivi']
  • pop(): Dizinin sonundaki elemanı kaldırır ve döndürür.
    Kod Seç
    let sonMeyve = meyveler.pop(); // Çıktı: 'kivi'
  • shift(): Dizinin başındaki elemanı kaldırır.
    Kod Seç
    let ilkMeyve = meyveler.shift(); // Çıktı: 'elma'
  • unshift(): Dizinin başına yeni bir eleman ekler.
    Kod Seç
    meyveler.unshift('şeftali'); // Çıktı: ['şeftali', 'muz', 'portakal']
  • splice(): Belirtilen konumdan başlayarak eleman ekler veya siler.
    Kod Seç
    meyveler.splice(1, 1, 'vişne'); // Çıktı: ['şeftali', 'vişne', 'portakal']
  • slice(): Dizinin belirli bir bölümünü alır ve yeni bir dizi döndürür.
    Kod Seç
    let yeniMeyveler = meyveler.slice(1, 2); // Çıktı: ['vişne']
  • forEach(): Dizinin her elemanı üzerinde işlem yapar.
    Kod Seç
    meyveler.forEach(function(meyve) {
      console.log(meyve);
    });
    // Çıktı:
    // şeftali
    // vişne
    // portakal
  • map(): Her elemanı işleyerek yeni bir dizi döndürür.
    Kod Seç
    let uzunIsimler = meyveler.map(function(meyve) {
      return meyve + ' meyvesi';
    });
    // Çıktı: ['şeftali meyvesi', 'vişne meyvesi', 'portakal meyvesi']
  • filter(): Belirtilen koşula uyan elemanları filtreler.
    Kod Seç
    let filtrelenmis = meyveler.filter(function(meyve) {
      return meyve.includes('ş');
    });
    // Çıktı: ['şeftali']
  • reduce(): Dizi elemanlarını tek bir değere indirger.
    Kod Seç
    let toplam = [1, 2, 3].reduce(function(acc, num) {
      return acc + num;
    }, 0);
    // Çıktı: 6

Sonuç:
JavaScript dizileri, esnek yapılarıyla programlama dünyasında büyük kolaylık sağlar. Doğru metotları kullanarak dizilerle etkili işlemler gerçekleştirebilirsiniz. Pratik yaparak bu güçlü araçları daha iyi öğrenebilirsiniz!
Yazdır
Yukarı git Sayfa1
Kullanıcı Eylemleri