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”]
|