JavaScript Foreach em objeto

JavaScript Foreach em objeto

Disponível desde a versão ECMAScript 5 lançada em 2009 a função forEach() permite iterar sobre um array, mas não sobre um objeto.

Porém, podemos transformar um objeto em um array para assim iterar com a função forEach(). 😉

Transformaremos o objeto usando as funções disponíveis na classe Object. São elas:

• Object.keys()
• Object.values() 
• Object.entries()

Usando Object.keys()

A função Object.keys() retorna um array com as chaves do objeto. Você pode então iterar sobre cada chave no objeto usando forEach().

Usando Object.values()

A função Object.values() retorna um array com os valores do objeto.  forEach().

Usando Object.entries()

A função Object.entries() retorna um array com dois elementos. O primeiro elemento é a chave e o segundo o valor.

Desempenho 📊

Das três funções a mais performática é a keys, seguida por values e entries.