Doman Code - metoda forEach a pętle for

doman-code-metoda-forEach-a-petle-for.js

// Zapraszam na: 
// - mój kanał YouTube Doman Code: https://www.youtube.com/c/domancode
// - fan page Facebook: https://www.facebook.com/profile.php?id=100082090551019

// inicjalizacja przykładowej tablicy
const exampleArray = ["Doman", "Code", "Pierwszy", "Snippet"];

// 1. index = O => inicjalizacja licznika z wartością 0 (od 0 rozpoczynają się indeksy w tablicy) 
// 2. index < exampleArray.length => nasza tablica ma 4 elementy więc ostatni index bedzie wynosił 3,
// dlatego gdy index uzyska wartość 4, pętla sie zakończy (nie mamy elementu z indeksem 4)
// 3 inkrementacja => zwiększenie wartości index o 1, po każdym wykonaniu iteracji pętli
for (let index = 0; index < exampleArray.length; index++) {
  // 4. arrayElement => pobranie elementu z tablicy dla danej iteracji
  const arrayElement = exampleArray[index];

  // 5. wykonanie określonej operacji dla danej iteracji (w tym wypadku wyświetlenie w konsoli)
  console.log(arrayElement);

  // posiadamy dostęp do indeksu (index) w danej iteracji
  // posiadamy dostęp do aktualnego elementu (arrayElement) w danej iteracji
  // posiadamy dostęp całkowitej tablicy (exampleArray)
}


// Numeracja poniżej dla porównania z powyższą pętlą for
// 4. arrayElement => pobranie elementu z tablicy dla danej iteracji
for (const arrayElement of exampleArray) {
  // 5. wykonanie określonej operacji dla danej iteracji (w tym wypadku wyświetlenie w konsoli)
  console.log(arrayElement);

  // posiadamy dostęp do aktualnego elementu (arrayElement) w danej iteracji
  // posiadamy dostęp całkowitej tablicy (exampleArray)
  // nie posiadamy dostępu do indeksu w danej iteracji
}

exampleArray.forEach((arrayElement, index, currentArray) => console.log(arrayElement));
// posiadamy dostęp do indeksu (index) w danej iteracji
// posiadamy dostęp do aktualnego elementu (arrayElement) w danej iteracji
// posiadamy dostęp całkowitej tablicy (currentArray) na której wykonujemy iteracje