Olá Isaqui, boa tarde!

*Resolução do Problema: *

De acordo com a sua pergunta, você quer entender a lógica por trás da função forEach. Vamos lá.

**Solução do Problema: *

o "forEach" é uma função de array que serve para percorrer todos os valores dentro de um array. No for, você consegue percorrer os valores de um array através de um iterador, de uma condicional e de um incrementador, mas o forEach não precisa disso, mas sim de uma função. Vamos ver a sintaxe:

listaDeCompras = ["pão", "café", "sabonete", "ovo", "suco", "miojo", "carne", "feijão", "leite"]

// Sintaxe do forEach -->
listaDeCompras.forEach( (value, index, array) => {

} )

• O valor que deve ser passado para a função forEach, deve ser uma função de "callBack" que vai tratar dos dados referentes ao array percorrido.

Agora a sintaxe que a função de callBack deve ter (siga o exemplo acima):

• O valor que vai ser recebido do 1 parâmetro da callBack é o valor atual percorrido dentro do array.
• O valor que vai ser recebido do 2 parâmetro da callBack é o index do valor atual percorrido dentro do array.
• O valor que vai ser recebido do 3 parâmetro da callBack é o próprio array que esta sendo percorrido.

A função a ser usada, pode ser um função declarada, anonima, uma arrow function, etc. E se você quiser só o valor que esta sendo percorrido e não o index dele ou o próprio array, é só você não colocar o parâmetro que você não quer:

// arrow Function -->
listaDeCompras.forEach( (value, index, array) => {

} )

// função declarada -->
function imprimirProduto(value){
    console.log(value);
}

listaDeCompras.forEach(imprimirProduto)

**Despedida: *

TenhaSe a sua dúvida foi resolvida, não se esqueça de colocar a questão como resolvida, pois assim as pessoas que tiverem o mesmo problema que você, saberam que a sua pergunta foi resolvida e clicaram nela para saber como resolver.

Tenha um bom estudo!!