JavaScript Dizileri

Hüseyin · 28 Eki 2024

JavaScript Diziler sınıfı, yüksek seviyeli, liste benzeri nesneler olan dizilerin oluşturulmasında kullanılan global bir nesnedir.

JavaScript dizilerinin gücü dizi yöntemlerinde yatar. Dizi yöntemleri, kodlamayı kolaylaştıran ve ayrıca kodunuzun temiz ve kolay anlaşılır görünmesini sağlayan yerleşik JavaScript yöntemleridir.

JavaScript'te Dizi Bildirme

Boş bir dizi oluşturmak için iki sözdizimi vardır.

JavaScript:

// First Syntax
let arr = new Array();

//Second Syntax
let arr = [];
const fruits = ["Apple", "Orange","Plum"];

Neredeyse her zaman ikinci sözdizimi kullanılır. İlk öğeleri köşeli parantez içinde sağlayabiliriz.

Dizi Yöntemleri

Şimdi dizimizi bildirdiğimize göre, Dizi metotlarına dalalım:

map()

Bu yöntem, her dizi elemanı için bir işlevin çağrılmasının sonuçlarını içeren yeni bir dizi oluşturur. Sağlanan işlevi, dizideki her öğe için sırayla bir kez çağırır.

JavaScript:

const numbers = [5, 10, 15, 20];
const numbersMap = numbers.map(element => element * 5);
console.log(numbersMap); //[25, 50, 75, 100];

concat()

Bu yöntem iki veya daha fazla diziyi birleştirmek için kullanılır. Mevcut dizileri değiştirmez, ancak birleştirilen dizinin değerlerini içeren yeni bir dizi döndürür.

JavaScript:

const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr3 = arr1.concat(arr2);
console.log(arr3); //[1,2,3,4,5,6]

copyWithin()

Bu yöntem, dizi öğelerini, var olan değerlerin üzerine yazarak dizideki başka bir konuma kopyalar.

Bu yöntem diziye asla daha fazla öğe eklemez.

JavaScript:

const numbers = [1,2,3,4];
const numbersCopy = numbers.copyWithin(2,0);
console.log(numbersCopy); // [1,2,1,2];

every()

Bu yöntem, koşulu geçen dizideki her öğeyi kontrol eder ve uygun şekilde true veya false döndürür.

İşlevin yanlış değer döndürdüğü bir dizi öğesi bulursa, every() işlevi yanlış değer döndürür (ve kalan değerleri kontrol etmez).

Hiçbir false değeri oluşmazsa, every() true değerini döndürür.

JavaScript:

const numbers = [1,2,3,4];
const isGreaterThanFive = numbers.every(num => num > 5);
console.log(isGreaterThanFive); // falseconst isLessThanFive = numbers.every(num => num < 5);
console.log(isLessThanFive); // true

fiil()

Bu metot, bir dizideki belirtilen elemanları statik bir değerle doldurur. Doldurmaya nereden başlayacağımızı ve nerede bitireceğimizi belirtebiliriz. Belirtilmezse, tüm elemanlar doldurulacaktır.

Bu metot orijinal dizinin üzerine yazar.

JavaScript:

const withoutStartEnd = [1,2,3,4];
withoutStartEnd.fill(5);
console.log(withoutStartEnd); //[5,5,5,5]const withoutEnd = [1,2,3,4];
withoutEnd.fill(5,2);
console.log(withoutEnd); //[1,2,5,5]const withStartEnd = [1,2,3,4];
withStartEnd.fill(5,1,2);
console.log(withStartEnd); //[1,5,3,4]

filter()

Bu yöntem, sağlanan işlevin içindeki bir koşulu geçen tüm dizi öğeleriyle dolu bir dizi oluşturur.

JavaScript:

const numbers = [1,2,3,4];
const filtered = numbers.filter(element => element === 2);
console.log(filtered); //[2]

find()

Bu yöntem, bir koşulu geçen bir dizideki ilk öğenin değerini döndürür. Dizide bulunan her eleman için fonksiyonu bir kez çalıştırır.

JavaScript:

const numbers = [10,20,30,40];
const findNumber = numbers.find(element => element < 30);
console.log(findNumber); // 10

findIndex()

Bu yöntem, bir dizide bir koşulu geçen elemanın indisini döndürür. Dizide bulunan her eleman için fonksiyonu bir kez çalıştırır.

Koşul başarısız olursa, sadece -1 döndürür.

JavaScript:

const numbers = [1,2,3,4];
const indexFound = numbers.findIndex(element => element === 3);
console.log(indexFound); //2const indexNotFound = numbers.findIndex(element => element === 5);
console.log(indexNotFound); // -1

indexOf()

Bu yöntem dizide belirtilen öğeyi arar ve konumunu döndürür. Arama, belirtilen konumdan veya başlangıç konumu belirtilmemişse başlangıçtan başlar ve dizinin sonunda aramayı sonlandırır.

Öğe bulunamazsa, sadece -1 döndürür.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
const indexFound = fruits.indexOf('Mango');
console.log(indexFound); // 1const indexNotFound = fruits.indexOf('Pineapple');
console.log(indexNotFound); // -1

includes()

Bu yöntem bir dizinin belirtilen bir elemanı içerip içermediğini belirler. Dizi eleman içeriyorsa true, içermiyorsa false döndürür.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
const fruitsInclude = fruits.includes('Mango');
console.log(fruitsInclude); // true

shift()

Bu yöntem, bir dizinin ilk öğesini kaldırır ve yeni uzunluğu döndürür. Orijinal diziyi değiştirir.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
fruits.shift();
console.log(fruits); // ['Mango','Orange','Banana']

unshift()

Bu yöntem, bir dizinin başına yeni öğeler ekler ve yeni uzunluğu döndürür. Orijinal diziyi değiştirir.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
fruits.unshift('Pineapple');
console.log(fruits); // ['Pineapple', 'Apple', 'Mango', 'Orange', 'Banana']

splice()

Bu yöntem bir diziye öğe ekler/çıkarır ve çıkarılan öğeyi/öğeleri döndürür.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
fruits.splice(2, 0, "Lemon", "Kiwi");
console.log(fruits); // ['Apple', 'Mango', 'Lemon', 'Kiwi', 'Orange', 'Banana']

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
fruits.splice(2, 1);
console.log(fruits); // ['Apple', 'Mango', 'Banana']

slice()

Bu yöntem, bir dizideki seçili öğeleri yeni bir dizi nesnesi olarak döndürür.

Bu yöntem, verilen başlangıç bağımsız değişkeninden başlayan öğeleri seçer ve verilen bitiş bağımsız değişkeninde biter, ancak bu öğeleri içermez.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
const newFruits = fruits.slice(1, 3);
console.log(newFruits); // ['Mango', 'Orange']

sort()

Bu yöntem bir dizinin öğelerini sıralar. Sıralama düzeni alfabetik ya da sayısal ve artan ya da azalan olabilir.

Varsayılan olarak, bu yöntem değerleri alfabetik ve artan sırada dize olarak sıralar.

JavaScript:

const fruits = ['Apple', 'Mango', 'Orange', 'Banana'];
ruits.sort();
console.log(fruits); // ['Apple', 'Banana', Mango', 'Orange']const numbers = [25, 10];
numbers.sort();
console.log(numbers); // [10, 25]

JavaScript Dizileri

Daha fazla seçenek

Hüseyin

Üye