Javascipt’te bilmemiz gereken bazı Array (Dizi) metodları
1. filter ()
filter yöntemi verilen kriterleri geçen elemanları ile yeni bir dizi oluşturur. Tüm eşleşen elemanları bulur.
|
1 2 3 4 5 6 7 |
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // çıktı: ["exuberant", "destruction", "present"] |
2. forEach()
Dizideki her eleman için verilen metodu çalıştırır.
|
1 2 3 4 5 6 7 8 |
const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // çıktı: "a" // çıktı: "b" // çıktı: "c" |
3. some()
Dizideki en az bir öğenin aradığınız bir şeye karşılık gelip gelmediğini belirlemenize yardımcı olur, geriye Boolean bir değer döndürür.
|
1 2 3 4 5 6 7 8 |
const array = [1, 2, "string"]; // Dizide verilen değerlerden bazılarına bakar "number" türü varsa true döner. console.log(array.some((item) => typeof item === "number")); // çıktı: true |
4. every()
Dizideki her bir elemanın verilen koşulu sağlamasına göre geriye Boolean bir değer döndürür.
|
1 2 3 4 5 6 7 8 |
const isBelowThreshold = (currentValue) => currentValue < 40; const array2 = [1, 30, 39, 29, 10, 13]; console.log(array2.every(isBelowThreshold)); // çıktı: true |
5. includes()
Bu yöntem, verilen bir değerin dizideki öğeler arasında olup olmadığına göre geriye Boolean bir değer döndürür.
|
1 2 3 4 5 6 7 8 9 |
const pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // çıktı: true console.log(pets.includes('at')); // çıktı: false |
6. map()
Dizideki tüm elemanların bir işlemden geçmesini sağlayarak yeni bir dizi oluşturur.
|
1 2 3 4 5 6 7 8 9 |
const array3 = [1, 4, 9, 16]; // pass a function to map const map1 = array3.map(x => x * 2); console.log(map1); // çıktı: Array [2, 8, 18, 32] |
7. reduce()
Adından da anlaşılacağı gibi azaltma (reduce) yöntemi dizideki tüm öğeleri bir işlevden geçirerek tek bir değere düşürür.
|
1 2 3 4 5 6 7 8 |
const numbers = [10, 20, 30, 40]; const sum = numbers.reduceRight((accumulator, currentValue) => accumulator + currentValue); // 10 + 20 + 30 + 40 console.log(sum); // çıktı: 100 |
8. find()
find yöntemi filter yönteminden farklı olarak dizide verilen koşulu sağlayan ilk öğenin değerini döndürür.
|
1 2 3 4 5 6 7 8 |
const numbers2 = [8, 15, 9, 130, 52]; const found = numbers2.find(item => item > 10); console.log(found); // çıktı: 15 |
9. findIndex()
Dizide verilen koşulu sağlayan ilk öğenin değerini döndürür. Eğer karşılık gelen bir durum yoksa -1 değeri döndürür.
|
1 2 3 4 5 6 7 8 |
const numbers3 = [8, 9, 15, 130, 52]; const indexFound = numbers3.findIndex(item => item > 10); console.log(indexFound); // çıktı: 2 |
10. sort()
Bu metot ile dizi içerisindeki sayıları büyükten küçüğe, küçükten büyüğe ya da verdiğimiz string değerleri alfabetik sıralamak için kullanılır.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
// Sort fonksiyonu karşılaştırmak üzere iki değeri karşılaştırma fonksiyonuna gönderir ve karşılaştırma sonucunda negatif, sıfır ve pozitif değerine göre sıralama yapar. const number4 = [1, 30, 4, 21, 100000]; // Büyükten Küçüğe number4.sort((a,b) => a - b); console.log(number4); // çıktı: [1, 4, 21, 30, 100000] // Küçükten Büyüğe number4.sort((a,b) => b - a); console.log(number4); // çıktı: [100000, 30, 21, 4, 1] const names = ["remzi", "şakir", "ercan", "necati", "mirket", "zekai"]; // localeCompare olmadan console.log(names.sort()); // çıktı: ["ercan", "mirket", "necati", "remzi", "zekai", "şakir"] // Türkçe sıralama yapmak için localeCompare kullanıyoruz console.log(names.sort((a,b) => a.localeCompare(b, 'tr'))); // çıktı:["ercan", "mirket", "necati", "remzi", "şakir", "zekai"] |
