for..of Döngüsü - ES6 İle Geliyor, Array, String İçin Kullanılır Elemanlar Üzerinde Yürür

Giriş
Object'in alanlarını yürümek için kullanılamaz. Array veya String elemanları üzerinde yürümek içindir.

for..of ve for..in farklı şeylerdir. 

Java'da dizinin elemanları üzerinde yürümek için for..in kullanılıyor. Yani mantık tam tersi :)

Örnek
Elimizde şöyle bir dizi olsun.

var functArray = [
  function() {
    console.log("function1 executed");
  },
   function() {
    console.log("function2 executed");
  },
    function() {
    console.log("function3 executed");
  },
    function() {
    console.log("function4 executed");
  }];

Şöyle yaparız.

for (const fn of funcArray) {
    fn();
}

Örnek

Şöyle yaparız

let offsets = [
    { offset: 80, value: 4 },
    { offset: 60, value: 2 },
    { offset: 40, value: 1 },
    { offset: 20, value: 0.5 },
  ];

for (const { offset, value } of offsets) {
  ...
}

for..in Döngüsü - Nesnenin Property'leri Üzerinde Dolaşır

Giriş
Buradaki in kelimesi in operator değildir.

Eğer nesnemiz bir array ise for..in indeksleri verir.

for..in ve for..of Farklı Şeylerdir

Açıklaması şöyle

Both for..in and for..of are looping constructs which are used to iterate over data structures. The only difference between them is the entities they iterate over: for..in iterates over all enumerable property keys of an object. for..of iterates over the values of an iterable object.

Örnek

Aradaki farkı gösteren bir örnek şöyle

let list = [4, 5, 6];

for (let i in list) {
   console.log(i); // "0", "1", "2",
}

for (let i of list) {
   console.log(i); // "4", "5", "6"
}