1. filter ()
filter yöntemi verilen kriterleri geçen elemanları ile yeni bir dizi oluşturur. Tüm eşleşen elemanları bulur.
const words = [‘spray’, ‘limit’, ‘elite’, ‘exuberant’, ‘destruction’, ‘present’];
const result = words.filter(word => word.length > 6);
console.log(result);
// çıktı: [“exuberant”, “destruction”, “present”]
|
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.
const array1 = [‘a’, ‘b’, ‘c’];
array1.forEach(element => console.log(element));
// çıktı: “a”
// çıktı: “b”
// çıktı: “c”
|
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.
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
|
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.
const isBelowThreshold = (currentValue) => currentValue < 40; const array2 = [1, 30, 39, 29, 10, 13]; console.log(array2.every(isBelowThreshold)); // çıktı: true
|
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.
const pets = [‘cat’, ‘dog’, ‘bat’];
console.log(pets.includes(‘cat’));
// çıktı: true
console.log(pets.includes(‘at’));
// çıktı: false
|
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.
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]
|
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.
const numbers = [10, 20, 30, 40];
const sum = numbers.reduceRight((accumulator, currentValue) => accumulator + currentValue);
// 10 + 20 + 30 + 40
console.log(sum);
// çıktı: 100
|
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.
const numbers2 = [8, 15, 9, 130, 52];
const found = numbers2.find(item => item > 10);
console.log(found);
// çıktı: 15
|
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.
const numbers3 = [8, 9, 15, 130, 52];
const indexFound = numbers3.findIndex(item => item > 10);
console.log(indexFound);
// çıktı: 2
|
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.
// 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”]
|
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”]
|