E aí, sabe quando utilizar as diferentes funções de iteração do Javascript no seu código? Essas funções estão disponíveis desde o ES6 de 2015, e são elas: .map(), .forEach(), for…of e for…in
⠀
As funções .map() e .forEach() são exclusivamente para iteração em arrays, e a diferença entre elas é que a .map() quando itera sobre um array ela cria um novo array como resultado, dentro dela você pode por exemplo modificar os valores do array e ao final eles serão criados em outro array, já a função .forEach() apenas itera sobre o array, ela não tem retorno, portanto qualquer operação ou interação que você queira fazer deve ser dentro da função de callback que é chamada para cada elemento de um array.
⠀
A maioria de vocês deve conhecer o uso comum da função for(), mas temos 2 maneiras diferentes de usá-la para interar sobre objetos interativos, essas 2 formas de usá-la são o for…of e for…in, o for…of percorre objetos interativos, sejam eles Arrays, Strings, TypedArray, Map, Set dentre outros, já o for…in consegue apenas iterar propriedades enumeradas de um objeto, por exemplo, um objeto contendo pares chave:valor.
⠀@guiadev
#javascript #js #array #for #map #foreach #es6 #ecmascript6 #ecmascript2015