{"id":260,"date":"2024-01-28T18:02:42","date_gmt":"2024-01-28T21:02:42","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=260"},"modified":"2024-02-14T09:39:22","modified_gmt":"2024-02-14T12:39:22","slug":"aula10-desvendando-o-laco-de-repeticao-while-javascript-para-iniciantes","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=260","title":{"rendered":"Aula10: Desvendando o La\u00e7o de Repeti\u00e7\u00e3o While &#8211; JavaScript para Iniciantes!"},"content":{"rendered":"\n<p>Quando voc\u00ea precisa executar uma determinada a\u00e7\u00e3o v\u00e1rias vezes em JavaScript, os la\u00e7os de repeti\u00e7\u00e3o s\u00e3o uma ferramenta fundamental. Um desses la\u00e7os \u00e9 o <code>while<\/code>, que permite executar um bloco de c\u00f3digo repetidamente enquanto uma condi\u00e7\u00e3o espec\u00edfica for verdadeira. Neste artigo, vamos explorar o la\u00e7o de repeti\u00e7\u00e3o <code>while<\/code> em JavaScript, especialmente para iniciantes que est\u00e3o come\u00e7ando a aprender sobre estruturas de controle de fluxo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"396\" height=\"76\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-4.png\" alt=\"\" class=\"wp-image-654\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-4.png 396w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-4-300x58.png 300w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/figure>\n\n\n\n<p>O bloco de c\u00f3digo dentro das chaves ser\u00e1 executado repetidamente enquanto a condi\u00e7\u00e3o especificada dentro dos par\u00eanteses for verdadeira.<\/p>\n\n\n\n<p>Quando falamos de bloco de c\u00f3digo \u00e9 um bloco mesmo, pode ser at\u00e9 outro algoritmo dentro deste bloco.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Quando Usar o La\u00e7o While<\/strong><\/h2>\n\n\n\n<p>O la\u00e7o <code>while<\/code> \u00e9 especialmente \u00fatil quando voc\u00ea n\u00e3o sabe quantas vezes precisar\u00e1 repetir uma a\u00e7\u00e3o, mas sabe que deseja repeti-la enquanto uma condi\u00e7\u00e3o espec\u00edfica for verdadeira. Por exemplo, voc\u00ea pode us\u00e1-lo para iterar sobre uma lista de elementos at\u00e9 encontrar um valor espec\u00edfico, ou para ler dados de um arquivo at\u00e9 chegar ao final do arquivo.<\/p>\n\n\n\n<p><strong>\u00c9 importante ter cuidado ao usar um la\u00e7o <code>while<\/code><\/strong>, pois \u00e9 f\u00e1cil criar um loop infinito se a condi\u00e7\u00e3o nunca se tornar falsa. Certifique-se sempre de que a condi\u00e7\u00e3o dentro do <code>while<\/code> eventualmente se torne falsa para evitar que seu programa fique preso em um loop infinito.<\/p>\n\n\n\n<p>No exemplo abaixo foi pedido para apresentar na tela a vari\u00e1vel contador at\u00e9 que o valor seja menor ou igual a 5 e foi feito um incremento utilizando o sinal de ++ para que o la\u00e7o tenha um final<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"230\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-6.png\" alt=\"\" class=\"wp-image-656\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-6.png 335w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-6-300x206.png 300w\" sizes=\"(max-width: 335px) 100vw, 335px\" \/><\/figure>\n\n\n\n<p><strong>Obs: <\/strong>Para voc\u00ea que \u00e9 iniciante talvez voc\u00ea encontre bastante material utilizando a letra <strong>i <\/strong>no lugar de contador, o <strong>i<\/strong> quer dizer <strong>index<\/strong>, para os programadores mais experientes n\u00e3o tem problema em utilizar a letra <strong>i<\/strong>, por\u00e9m para quem esta come\u00e7ando agora pode ser que se confunda a letra<strong> i<\/strong> com o n\u00famero <strong>1<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Aula10: Desvendando o La\u00e7o de Repeti\u00e7\u00e3o While  -  JavaScript para Iniciantes!\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/1kAogGrPlHE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Quando voc\u00ea precisa executar uma determinada a\u00e7\u00e3o v\u00e1rias vezes em JavaScript, os la\u00e7os de repeti\u00e7\u00e3o s\u00e3o uma ferramenta fundamental. Um desses la\u00e7os \u00e9 o while, que permite executar um bloco de c\u00f3digo repetidamente enquanto uma condi\u00e7\u00e3o espec\u00edfica for verdadeira. Neste artigo, vamos explorar o la\u00e7o de repeti\u00e7\u00e3o while em JavaScript, especialmente para iniciantes que est\u00e3o come\u00e7ando a aprender sobre estruturas de controle de fluxo. O bloco de c\u00f3digo dentro das chaves ser\u00e1 executado repetidamente enquanto a condi\u00e7\u00e3o especificada dentro dos par\u00eanteses for verdadeira. Quando falamos de bloco de c\u00f3digo \u00e9 um bloco mesmo, pode ser at\u00e9 outro algoritmo dentro deste bloco. Quando Usar o La\u00e7o While O la\u00e7o while \u00e9 especialmente \u00fatil quando voc\u00ea n\u00e3o sabe quantas vezes precisar\u00e1 repetir uma a\u00e7\u00e3o, mas sabe que deseja repeti-la enquanto uma condi\u00e7\u00e3o espec\u00edfica for verdadeira. Por exemplo, voc\u00ea pode us\u00e1-lo para iterar sobre uma lista de elementos at\u00e9 encontrar um valor espec\u00edfico, ou para ler dados de um arquivo at\u00e9 chegar ao final do arquivo. \u00c9 importante ter cuidado ao usar um la\u00e7o while, pois \u00e9 f\u00e1cil criar um loop infinito se a condi\u00e7\u00e3o nunca se tornar falsa. Certifique-se sempre de que a condi\u00e7\u00e3o dentro do while eventualmente se torne falsa para evitar que seu programa fique preso em um loop infinito. No exemplo abaixo foi pedido para apresentar na tela a vari\u00e1vel contador at\u00e9 que o valor seja menor ou igual a 5 e foi feito um incremento utilizando o sinal de ++ para que o la\u00e7o tenha um final Obs: Para voc\u00ea que \u00e9 iniciante talvez voc\u00ea encontre bastante material utilizando a letra i no lugar de contador, o i quer dizer index, para os programadores mais experientes n\u00e3o tem problema em utilizar a letra i, por\u00e9m para quem esta come\u00e7ando agora pode ser que se confunda a letra i com o n\u00famero 1.<\/p>\n","protected":false},"author":1,"featured_media":659,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[15],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/260"}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=260"}],"version-history":[{"count":4,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/260\/revisions"}],"predecessor-version":[{"id":660,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/260\/revisions\/660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/659"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}