16.4: for...of loop - Topics of JavaScript/ES6

Tô aqui pra te contar sobre algo que é bem daora, que eu realmente deveria saber quando eu fiz esse vídeo

mas é algo novo pra mim e será agora novo pra você ou talvez você já saiba disso.

Eu vou mostrar esse novo loop (laço de repetição) em Javascript chamado "for... of" ("para... de").

É, é como vou chamá-lo: "for... of".

Então... uh... muito, muito comumente... no exemplo anterior que eu fiz recentemente, certo?

Isso acontece o tempo todo. O tempo todo em programação:

- Ei, eu tenho um array (conjunto, arranjo) de coisas. Deixe-me passar por todo o array para agir em tudo que está dentro dele

E isso pode acontecer com arrays de objetos, tipo eu quero mover e exibir todos esses objetos

Poderia acontecer com arrays de números, tipo... ah...

deixe-me dobrar todos os números nesse array ou somar todos os números nesse array

E na verdade há outras formas de fazer isso também, as quais vou falar sobre em outros vídeos...

mas o que eu quero mostrar aqui é o "for... of" loop

então... o que de fato isso está dizendo aqui é

"for" (para) toda bolha no array de bolhas...

o problema é eu acredito que "in" (em) já significava algo diferente em Javascript

ou "each" (cada) sempre... há algo tipo "for each" (para cada)... então...

Estou especulando aqui mas eu imagino que... quando esse recurso saiu para Javascript...

os desenvolvedores precisaram escolher uma palavra, e essa palavra é "of" (de).

Então o que eu realmente vou dizer é tipo: esse índice i do array de bolhas representa cada elemento do ("of") array de bolhas

Então, na verdade, eu posso fazer exatamente o mesmo loop dizendo...

"for (let [every] bubble of bubbles)" (para cada bolha [elemento] de bolhas [array])

e então "bubbles.move()", ops, não "bubbles" (bolhas)... [ele corrige para "bubble.move()"] e "bubble.show()".

Agora, quando... então... isso é o que eu quero enfatizar aqui:

Esses [loops] são exatamente...

eu vou vir aqui pro lado...

Esses [loops] são exatamente iguais

Movi meu mouse pra fora do caminho aqui hahah

Não... Eu devo parecer perfeito na tela aqui, certo?

Isso sou eu contando o índice para endereçar (definir) todo elemento dentro array, e movendo e exibindo-os

Isso sou eu apenas dizendo: - Ei, Javascript!

- Eu não tô a fim de contar hoje, você poderia tomar conta disso pra mim?

- Só pegue cada uma das bolhas, em ordem, no array de bolhas, e as mova e exiba

Agora, haverão momentos em vídeos futuros onde eu começo a deletar coisas do array...

ou talvez eu só queira usar metade do array.

Aí esses são casos onde eu realmente preciso do contador (de índices).

Há vários casos em que o contador exerce um papel.

Mas se o contador não exerce papel algum, e você só quer fazer algo a todo elemento dentro do array...

isso é uma das coisas que se pode fazer.

Agora, o que eu não gosto nisso e isso é... faço isso o tempo todo e vários programadores fazem isso... é:

- Eu tenho uma classe chamada "Bubble" (Bolha)...

com B maiúsculo... aqui embaixo, heh...

eu tenho um array chamado "bubbles" (bolhas), com B minúsculo...

com um s no final; plural porque são várias...

e aí eu tenho "bubble" (bolha) que é tipo uma bolha individual que representa toda bolha dentro do array.

Então... eu só queria enfatizar que isso poderia simplesmente ser chamado de, sabe...

se o nome das bolhas fosse... uh... "unicorn" (unicórnio)

Isso é só um nome inventado de variável; é a palavra que representa cada elemento dentro do array.

E então, tipo, eu poderia dizer:

"let elt of bubbles" (cada elemento de bubbles), por exemplo... sabe...

Mas isso é tipo uma convenção a qual eu poderia aderir.

A classe, o tipo de coisa, é Bolha com B maiúsculo...

quando eu tenho um array delas, eu vou chamá-lo de bolhas (b minúsculo), com um "s"...

quando eu tenho uma individual vou chamá-la de bolha (b minúsculo)...

mas não há razão alguma pela qual você deve nomear as coisas dessa forma.

Eu poderia chamá-las de BubbleClass (ClasseBolha)...

SingleBubble (BolhaIndividual), BubbleArray (ConjuntoBolha)... esse tipo de coisa.

Então basicamente é isso... eu vou usar esse tipo de loop em outros vídeos...

e aí acho que eu poderei usar esse como referência, quando for gravar os próximos.

Espero que isso tenha feito sentido.

Estou olhando pros lados pra ver se vocês têm alguma pergunta...

mas vocês estão no futuro, eu nem mesmo sei quem vocês que estão assistindo esse vídeo são...

mas aí está você, em algum dia, assistindo esse vídeo.

Eu provavelmente não estou mais em pé aqui, estou em outro lugar... esse vídeo acabou [Dan toca a campainha]