JS de Diziler

JavaScript’de bir dizi (array), aynı türdeki birden çok değeri saklamak için kullanılan bir veri yapısıdır. Diziler, bu değerleri tek bir değişken altında toplamanıza ve daha sonra bu değerlere indeks numaralarıyla erişmenize olanak tanır. İndeksler sıfırdan başlar, yani ilk elemanın indeksi 0'dır, ikincisi 1, ve böyle devam eder.

Dizi oluşturmak için eşleme parantezleri [] kullanılır ve virgülle ayrılan elemanlar içine yerleştirilir. Örnek olarak:

javascriptCopy code
let numbers = [1, 2, 3, 4, 5];
let names = ["Alice", "Bob", "Charlie"];

Bu örnekte, numbers dizisi 5 tamsayı değerini içerir ve names dizisi üç farklı ismi içerir.

Diziler, farklı türlerdeki verileri (örneğin sayılar, metinler, nesneler vb.) saklayabilirler. Ayrıca, dizilerin dinamik boyutları vardır, yani dizinin içeriği programın çalışması sırasında değiştirilebilir.

Örnek olarak, aşağıda bir dizinin elemanlarına nasıl erişileceğini gösteren basit bir kod parçası bulunmaktadır:

javascriptCopy code
let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // "apple"
console.log(fruits[1]); // "banana"
console.log(fruits[2]); // "orange"

Bu örnekte, fruits dizisinin elemanlarına indeks numaralarıyla erişiliyor. İlk elemanın indeksi 0 olduğu için, fruits[0] ifadesi dizinin ilk elemanına erişir.

Dizi Örnekleri

1. Dizi Oluşturma: Diziler, birden çok değeri bir araya getiren veri yapılarıdır. Bir dizi oluşturmak için aşağıdaki gibi yapabilirsiniz:

javascriptCopy code
let numbers = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];

2. Dizi Elemanlarına Erişim: Dizi elemanlarına indeks numarasıyla erişebilirsiniz. İndeksler 0'dan başlar.

javascriptCopy code
console.log(numbers[0]); // 1
console.log(fruits[1]);  // "banana"

3. Dizi Uzunluğu: Dizinin uzunluğunu .length özelliği ile öğrenebilirsiniz.

javascriptCopy code
console.log(numbers.length); // 5

4. Diziye Eleman Ekleme:.push() metodu ile dizinin sonuna eleman ekleyebilirsiniz.

javascriptCopy code
fruits.push("grape");
console.log(fruits); // ["apple", "banana", "orange", "grape"]

5. Dizi Elemanını Kaldırma:.pop() metodu son elemanı diziden kaldırır.

javascriptCopy code
numbers.pop();
console.log(numbers); // [1, 2, 3, 4]

6. Dizi Elemanlarını Birleştirme:.join() metodu dizideki elemanları belirli bir ayraçla birleştirip tek bir string haline getirir.

javascriptCopy code
let fruitString = fruits.join(", ");
console.log(fruitString); // "apple, banana, orange, grape"

7. Dizi Elemanlarını Sıralama:.sort() metodu dizideki elemanları alfabetik sıraya göre sıralar.

javascriptCopy code
fruits.sort();
console.log(fruits); // ["apple", "banana", "grape", "orange"]

8. Dizi Elemanlarını Ters Çevirme:.reverse() metodu dizideki elemanların sırasını tersine çevirir.

javascriptCopy code
numbers.reverse();
console.log(numbers); // [4, 3, 2, 1]

9. Dizi Elemanlarını Kesme (Slice):.slice() metodu belirli bir aralıktaki elemanları yeni bir dizi olarak döndürür.

javascriptCopy code
let slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // ["banana", "grape"]

Bu örnekler, JavaScript dizilerini oluşturmanız, elemanlara erişmeniz ve temel metodları kullanmanız konusunda size yardımcı olmalıdır.

Pratik

Ödev Başlığı: JavaScript Dizileri: Oluşturma, Erişim ve Temel Metodlar

Açıklama: Bu ödevde, JavaScript dizileri konusunu daha derinlemesine öğrenmek için adım adım ilerleyeceksiniz. Öğrencilerin JavaScript dizilerini oluşturma, elemanlara erişim, temel metodlar kullanımı ve pratik uygulama becerilerini geliştirmeleri amaçlanmıştır.

Adım 1: Dizi Oluşturma ve Temel Erişim

1. Bir JavaScript dosyası oluşturun.
2. İki farklı dizi oluşturun: birinci dizi sayıları, ikinci dizi ise isimleri içersin.
3. Dizilerdeki elemanlara indeks numaralarıyla erişim sağlayarak ekrana yazdırın.

Adım 2: Temel Metodları Kullanma

1. İlk dizin sonuna bir sayı eklemek için .push() metodunu kullanın.
2. İkinci diziden son ismi çıkarmak için .pop() metodunu kullanın.
3. Her iki diziyi de alfabetik sıraya dizmek için .sort() metodunu kullanın.
4. Her iki diziyi de tersine çevirmek için .reverse() metodunu kullanın.
5. İlk diziden belirli bir aralıktaki elemanları kesmek için .slice() metodunu kullanın ve kesilen elemanları ekrana yazdırın.

Adım 3: Pratik Uygulama

1. Kullanıcıdan bir dizi oluşturmasını isteyen bir program yazın. Kullanıcı belirli bir sayıda eleman girecek ve bu elemanlar bir dizide saklanacak.
2. Kullanıcıya diziyi tamamen veya belirli bir aralığı silme seçeneği sunun.
3. Kullanıcının kalan diziyi görüntülemesine olanak tanıyın.