Javascript ile forEach, Javascript dünyasında en sık kullanılanlardan biride hiç şüphesiz döngülerdir(while, for, forEach) diğer tüm programlama dillerinde olduğu gibi. Bu makalemizde forEach fonksiyonunun kullanımını göreceğiz
Javascript ile forEach döngüsü kullanımı
Javascript dünyasında en sık kullanılanlardan biride hiç şüphesiz döngülerdir(while, for, forEach) diğer tüm programlama dillerinde olduğu gibi. Bu makalemizde forEach fonksiyonunun kullanımını göreceğiz
Sözdizimi
1 | dizi.forEach(geriDönüşFonksiyonu) |
Parametreler
geriDönüşFonksiyonu’ile dizimizde her bir elemana sırasıyla ulaşıp değerlerine ulaşabiliyoruz. geriDönüşFonksiyonu’na 3 parametre girebiliyorsunuz. Bunlar sırasıyla şu şekilde;
currentValue: Döngü sırasına göre o anki eleman’a bu parametre ile ulaşabilirsiniz.
index: Döngü sırasının index değerine bu parametre ile ulaşabilirsiniz.
array: Döngü içerisinde döngüde kullandığınız diziye bir bütün olarak bu parametre aracılığıyla ulaşabilirsiniz.
1.Örnek
Dizideki elemanları sırasıyla console log’a yazdıralım.
1 2 3 4 5 6 7 8 9 | function logArrayElements(element, index, array) { console.log('a[' + index + '] = ' + element); } // Note elision, there is no member at 2 so it isn't visited [2, 5, , 9].forEach(logArrayElements); // logs: // a[0] = 2 // a[1] = 5 // a[3] = 9 |
Every ve Some fonksiyonları
Bunlarda işe yarar 2 dizi fonksiyonudur eğer belli bir koşula göre geriye true, false değer dönderecekseniz bu fonksiyonlar işinize yarayacaktır Every ve Some fonksiyonlarının birbirinden farkı Every fonksiyonu içerisinde tanımlı olan her koşulun belirtilen şartı sağlaması halinde geriye true değeri dönderecektir eğer tek bir koşul dahi sağlanmaz ise false değeri dönderecektir. Some fonksiyonu ise ilk koşul sağlandığında sonrakileri dolaşmadan true değeri dönderecektir alttaki örneğimizde bu durumu tam olarak görebilirsiniz.
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 26 27 28 29 | var THRESHOLD = 12; var v = [5, 2, 16, 4, 3, 18, 20]; var res; res = v.every(function(element, index, array) { console.log('element:', element); if (element >= THRESHOLD) { return false; } return true; }); console.log('res:', res); // logs: // element: 5 // element: 2 // element: 16 // res: false res = v.some(function(element, index, array) { console.log('element:', element); if (element >= THRESHOLD) { return true; } return false; }); console.log('res:', res); // logs: // element: 5 // element: 2 // element: 16 // res: true |
Polyfill
Eğer tarayıcının Array.prototype.forEach
desteği yoksa bu özelliği kazandırmak için alttaki kodu kullanmalısınız. Siz bu kodu forEach
döngüsünü kullanacaksanız her türlü ekleyiniz tedbir nedeniyle.
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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | // Production steps of ECMA-262, Edition 5, 15.4.4.18 // Reference: http://es5.github.io/#x15.4.4.18 if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { var T, k; if (this == null) { throw new TypeError(' this is null or not defined'); } // 1. Let O be the result of calling ToObject passing the |this| value as the argument. var O = Object(this); // 2. Let lenValue be the result of calling the Get internal method of O with the argument "length". // 3. Let len be ToUint32(lenValue). var len = O.length >>> 0; // 4. If IsCallable(callback) is false, throw a TypeError exception. // See: http://es5.github.com/#x9.11 if (typeof callback !== "function") { throw new TypeError(callback + ' is not a function'); } // 5. If thisArg was supplied, let T be thisArg; else let T be undefined. if (arguments.length > 1) { T = thisArg; } // 6. Let k be 0 k = 0; // 7. Repeat, while k < len while (k < len) { var kValue; // a. Let Pk be ToString(k). // This is implicit for LHS operands of the in operator // b. Let kPresent be the result of calling the HasProperty internal method of O with argument Pk. // This step can be combined with c // c. If kPresent is true, then if (k in O) { // i. Let kValue be the result of calling the Get internal method of O with argument Pk. kValue = O[k]; // ii. Call the Call internal method of callback with T as the this value and // argument list containing kValue, k, and O. callback.call(T, kValue, k, O); } // d. Increase k by 1. k++; } // 8. return undefined }; } |
Javascript ile forEach anlatımı buraya kadardı bir başka makalede görüşmek dileğiyle soru ve düşünceleriniz için yorum kısmını kullanabilirsiniz.