JavaScript Array (Dizi) Metotları

Başlatan Moggoo, Ağu 12, 2024, 01:52 ÖS

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

Moggoo

Ağu 12, 2024, 01:52 ÖS Son düzenlenme: Ara 10, 2024, 12:45 ÖS Moggoo
JavaScript Nedir?
JavaScript, web tarayıcılarında çalışan ve dinamik içerik oluşturmak için en çok kullanılan programlama dillerinden biridir. Hem istemci tarafında hem de sunucu tarafında (örneğin Node.js) kullanılabilir. JavaScript, kullanıcı etkileşimlerini yönetme, içerik güncelleme ve uygulama geliştirme konularında büyük bir esneklik sunar. Modern webin temel taşlarından biri olarak kabul edilir!

Dizi Nedir?
JavaScript'te dizi, birden fazla veri parçasını saklamak için kullanılan bir veri yapısıdır. Diziler, sıralı öğeler listesidir ve her bir öğe bir indeksle (sıfırdan başlayan sayılar) belirlenir. Örneğin, bir meyve sepeti düşünün: Elma, muz ve portakal gibi öğeler farklı konumlarda saklanır.

Dizi Türleri
JavaScript'te iki ana 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 dizilerdir. Örneğin, matris yapıları.
JavaScript Dizileri ile Çalışmaya Giriş
JavaScript'te dizilerle çalışmak oldukça kolaydır. Öncelikle bir dizi oluşturmak ve ardından bu dizi üzerinde işlem yapmak için temel bilgilere ihtiyaç vardır.

Dizi Oluşturma
Dizi oluşturmak için köşeli parantezler kullanabilirsiniz. Örnek olarak:
Kod Seç
let meyveler = ['elma', 'muz', 'portakal'];

Burada `meyveler` adında bir dizi tanımlanmıştır.

Farklı Yöntemlerle Dizi Oluşturma
Kod Seç
// Array constructor kullanarak
let sayilar = new Array(1, 2, 3, 4);
Bu yöntemle de diziler tanımlanabilir ancak köşeli parantez yöntemi daha yaygındır.

Yaygın Dizi Metotları

  • push(): Dizinin sonuna yeni bir eleman ekler.
    Kod Seç
    meyveler.push('kivi');
    console.log(meyveler); // Çıktı: ['elma', 'muz', 'portakal', 'kivi']

  • pop(): Dizinin sonundaki elemanı çıkarır ve döndürür.
    Kod Seç
    let sonMeyve = meyveler.pop();
    console.log(sonMeyve); // Çıktı: 'kivi'
    console.log(meyveler); // Çıktı: ['elma', 'muz', 'portakal']

  • shift(): Dizinin başındaki elemanı çıkarır.
    Kod Seç
    let ilkMeyve = meyveler.shift();
    console.log(ilkMeyve); // Çıktı: 'elma'
    console.log(meyveler); // Çıktı: ['muz', 'portakal']

  • unshift(): Dizinin başına yeni bir eleman ekler.
    Kod Seç
    meyveler.unshift('şeftali');
    console.log(meyveler); // Çıktı: ['şeftali', 'muz', 'portakal']

  • splice(): Belirli bir konumda elemanları silmenize veya eklemenize olanak tanır.
    Kod Seç
    meyveler.splice(1, 1, 'vişne'); // 1. indeksden başlayarak bir öğe sil ve yerine 'vişne' ekle
    console.log(meyveler); // Çıktı: ['şeftali', 'vişne', 'portakal']

  • slice(): Bir dizinin belirli bir bölümünü kopyalar ve yeni bir dizi döndürür.
    Kod Seç
    let yeniMeyveler = meyveler.slice(1, 3);
    console.log(yeniMeyveler); // Çıktı: ['vişne', 'portakal']

  • 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şleme tabi tutar ve yeni bir dizi döndürür.
    Kod Seç
    let uzunMeyveIsimleri = meyveler.map(function(meyve) {
        return meyve + ' meyvesi';
    });
    console.log(uzunMeyveIsimleri);
    // Çıktı: ['şeftali meyvesi', 'vişne meyvesi', 'portakal meyvesi']

  • filter(): Belirli bir koşula uyan elemanları filtreleyerek yeni bir dizi döndürür.
    Kod Seç
    let filtreliMeyveler = meyveler.filter(function(meyve) {
        return meyve.includes('ş');
    });
    console.log(filtreliMeyveler); // Çıktı: ['şeftali']

  • reduce(): Dizi elemanlarını tek bir değere indirger.
    Kod Seç
    let toplam = [1, 2, 3, 4].reduce(function(acc, num) {
        return acc + num;
    }, 0);
    console.log(toplam); // Çıktı: 10
Sonuç: JavaScript dizileri programlamanın birçok alanında oldukça kullanışlıdır. Farklı metotlarla bu dizileri kolayca manipüle edebilir ve sorunları hızlıca çözebilirsiniz. Öğrenmeye devam ederek daha karmaşık işlemler yapmayı keşfedebilirsiniz!
Yazdır
Yukarı git Sayfa1
Kullanıcı Eylemleri