Conhecendo o operador For Of

Conhecendo o operador For Of

22/06/2018 2 Por Alisson Suassuna

Hoje vamos conhecer o operador For Of, mais um recurso implementado na versão EcmaScript 2015 (ES6). A característica principal do mesmo, é percorrer objetos iterativos exemplos; array, string, map e set, usando valores e não índices como os seus antecessores usam.

Sintaxe

Descreve como devemos escrever o código

Descreve como devemos escrever o código

Vamos ao Código


Neste código percorremos uma string usando a palavra reservada of, e atribuímos a variável “letra”, a palavra FrontEnd contém 8 letras, então o For Of irá repetir 8 vezes, e a cada passagem irá atribuir uma das letras a variável, veja a imagem para um melhor entedimento.

Explicando o funcinamento do for of

Explicando o funcinamento do for of

 

Comparação For in


Quando usamos for in, notamos a diferença, ele percorre usando os índices do array, e não os valores, porém muitas das vezes não queremos os índices, consequentemente surgiu o For Of.

Percorrendo Map

Percorrendo pelas chaves

Percorrendo pelos valores

For Of com Destructuring

Percorrendo pelas entradas, e usando o operador destructuring para obter de forma mais facil as duas entradas. Caso não conheça o operador destructuring, tem um artigo no blog explicando o que é, e como utilizar, acessa lá.  Usando o operador Destructuring

Percorrendo um SET


Lembrando que o For Of é apenas mais um recurso da linguagem, não significa que não vamos mais utilizar os métodos anteriores, caso precise percorrer um array ou objeto e desejar capturar apenas os valores esse recurso é ideal. A ideia é sempre fazer um for com propósito e utilizar as melhores formas que a tecnologia nos oferece.


Pessoal gostaria muito que vocês deixassem um comentário sobre o artigo ou  blog, susgestões de temas, alguma crítica em fim deixa seu feedback é muito importante para mim ok valeu…

Veja outros artigos

CSS3 Flexbox Posicionando elementos parte 1

Entendendo a diferença entre var e let em JavaScript

by: Alisson Suassuna