{"id":859,"date":"2024-03-15T11:37:32","date_gmt":"2024-03-15T14:37:32","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=859"},"modified":"2024-03-29T13:15:27","modified_gmt":"2024-03-29T16:15:27","slug":"metodos-for-in-e-for-of-javascript","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=859","title":{"rendered":"M\u00e9todos FOR IN e FOR OF JavaScript"},"content":{"rendered":"\n

JavaScript \u00e9 uma linguagem vers\u00e1til e poderosa, repleta de recursos para manipula\u00e7\u00e3o e itera\u00e7\u00e3o em estruturas de dados. Dois m\u00e9todos amplamente utilizados para iterar sobre objetos e cole\u00e7\u00f5es s\u00e3o o for … in e o for … of. Neste artigo, exploraremos esses m\u00e9todos em detalhes, destacando suas diferen\u00e7as, uso adequado e exemplos pr\u00e1ticos.<\/p>\n\n\n\n

M\u00e9todo for… in \u00e9 um loop que itera sobre todas as propriedades enumer\u00e1veis de um objeto. Sua sintaxe \u00e9 simples:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Durante cada itera\u00e7\u00e3o, a vari\u00e1vel assume o nome da propriedade atual do objeto. Por exemplo:<\/p>\n\n\n\n

Trabalhando com Objetos<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Neste caso, o for…in iterar\u00e1 sobre as propriedades do objeto carro, imprimindo o nome e o valor de cada uma delas.<\/p>\n\n\n\n

Trabalhando com Arrays<\/h2>\n\n\n\n

Em um array, as propriedades enumer\u00e1veis s\u00e3o os \u00edndices num\u00e9ricos dos elementos e quaisquer propriedades adicionadas ao objeto Array.prototype ou \u00e0 inst\u00e2ncia do array. Vejamos um exemplo:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

FOR…OF<\/h2>\n\n\n\n

\u00c9 utilizado para iterar sobre valores iter\u00e1veis, como arrays, strings, mapas, conjuntos, entre outros. Sua sintaxe \u00e9 a seguinte:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ao contr\u00e1rio do for…in, o for…of retorna o valor do elemento, n\u00e3o o \u00edndice ou chave.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Diferen\u00e7as entre for\u2026in e for\u2026of:<\/h2>\n\n\n\n

O for\u2026in itera sobre as chaves ou \u00edndices de um objeto, enquanto o for\u2026of itera sobre os valores de um iter\u00e1vel.
O for\u2026in \u00e9 usado principalmente para objetos, enquanto o for\u2026of \u00e9 usado para iter\u00e1veis como arrays, strings, mapas, conjuntos, etc.
O for\u2026in n\u00e3o garante a ordem das itera\u00e7\u00f5es, enquanto o for\u2026of itera na ordem dos elementos.
Quando usar cada um:<\/p>\n\n\n\n

Use o for\u2026in quando precisar iterar sobre as propriedades de um objeto.
Use o for\u2026of quando precisar iterar sobre os valores de uma cole\u00e7\u00e3o.<\/p>\n\n\n\n


Conclus\u00e3o<\/h2>\n\n\n\n


Os m\u00e9todos for\u2026in e for\u2026of s\u00e3o ferramentas poderosas para iterar sobre objetos e cole\u00e7\u00f5es em JavaScript. Compreender suas diferen\u00e7as e saber quando utiliz\u00e1-los adequadamente pode melhorar a efici\u00eancia e a legibilidade do seu c\u00f3digo. Experimente esses m\u00e9todos em seus projetos para aproveitar ao m\u00e1ximo o potencial da linguagem JavaScript.<\/p>\n\n\n\n

\n