{"id":254,"date":"2024-01-28T17:58:49","date_gmt":"2024-01-28T20:58:49","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=254"},"modified":"2026-07-30T13:28:14","modified_gmt":"2026-07-30T16:28:14","slug":"aula-07-condicionais-aninhadas-em-javascript-para-iniciantes","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=254","title":{"rendered":"Como Usar Condicionais Aninhadas em JavaScript | Aprenda if, else if e else na Pr\u00e1tica"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>28 de January de 2024<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Atualizado em: 30 de julho de 2026<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este artigo foi revisado para tornar a explica\u00e7\u00e3o sobre condicionais aninhadas ainda mais completa, diferenciando o uso de <strong>if dentro de if<\/strong> da sequ\u00eancia <strong>if, else if e else<\/strong>, al\u00e9m de apresentar exemplos pr\u00e1ticos utilizados no desenvolvimento de aplica\u00e7\u00f5es JavaScript.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que s\u00e3o Condicionais Aninhadas em JavaScript?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Durante o desenvolvimento de um programa, nem sempre precisamos tomar apenas uma decis\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em muitas situa\u00e7\u00f5es, o algoritmo precisa analisar diferentes informa\u00e7\u00f5es antes de executar determinada a\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Imagine um sistema que precisa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>verificar se o usu\u00e1rio est\u00e1 logado;<\/li>\n\n\n\n<li>confirmar se ele possui permiss\u00e3o de acesso;<\/li>\n\n\n\n<li>identificar qual \u00e9 o seu plano;<\/li>\n\n\n\n<li>decidir qual tela dever\u00e1 ser exibida.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nesse tipo de situa\u00e7\u00e3o, apenas um <strong>if<\/strong> normalmente n\u00e3o \u00e9 suficiente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 justamente a\u00ed que entram as <strong>condicionais aninhadas<\/strong>, um dos conceitos mais importantes da l\u00f3gica de programa\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo voc\u00ea aprender\u00e1:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>como funciona o <strong>if<\/strong>, <strong>else if<\/strong> e <strong>else<\/strong>;<\/li>\n\n\n\n<li>a diferen\u00e7a entre v\u00e1rias condi\u00e7\u00f5es e um verdadeiro aninhamento;<\/li>\n\n\n\n<li>quando utilizar cada abordagem;<\/li>\n\n\n\n<li>um exemplo simples e outro mais pr\u00f3ximo do mundo real.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Relembrando o if e o else<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de entender as condicionais aninhadas, vale recordar como funciona uma condi\u00e7\u00e3o simples.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let idade = 20;\n\nif (idade &gt;= 18) {\n    console.log(\"Maior de idade\");\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Nesse exemplo o c\u00f3digo ser\u00e1 executado somente quando a condi\u00e7\u00e3o for verdadeira.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quando existem apenas duas possibilidades utilizamos o <strong>else<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if (idade &gt;= 18) {\n    console.log(\"Maior de idade\");\n} else {\n    console.log(\"Menor de idade\");\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui existem apenas dois caminhos poss\u00edveis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas e quando o programa precisa analisar tr\u00eas, quatro ou mais possibilidades?<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">if, else if e else<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Quando existem v\u00e1rias possibilidades podemos utilizar uma sequ\u00eancia de condi\u00e7\u00f5es.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let nota = 6;\n\nif (nota &gt;= 7) {\n\n    console.log(\"Aprovado\");\n\n} else if (nota &gt;= 5) {\n\n    console.log(\"Recupera\u00e7\u00e3o\");\n\n} else {\n\n    console.log(\"Reprovado\");\n\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">O JavaScript verifica as condi\u00e7\u00f5es de cima para baixo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim que encontra uma condi\u00e7\u00e3o verdadeira, as demais deixam de ser executadas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Caso nenhuma condi\u00e7\u00e3o seja atendida, o bloco <strong>else<\/strong> ser\u00e1 executado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa estrutura \u00e9 utilizada diariamente em sistemas de cadastro, lojas virtuais, aplica\u00e7\u00f5es financeiras e diversos outros projetos.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que realmente \u00e9 uma Condicional Aninhada?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Embora muitas pessoas utilizem o termo para se referir ao <strong>else if<\/strong>, uma condicional aninhada acontece quando existe uma estrutura condicional dentro de outra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Veja um exemplo.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if (usuarioLogado) {\n\n    if (usuarioAdmin) {\n\n        console.log(\"Painel Administrativo\");\n\n    } else {\n\n        console.log(\"Painel do Usu\u00e1rio\");\n\n    }\n\n} else {\n\n    console.log(\"Fa\u00e7a o login para continuar.\");\n\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Nesse caso o segundo <strong>if<\/strong> s\u00f3 ser\u00e1 executado se o primeiro for verdadeiro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ou seja, existe uma decis\u00e3o acontecendo dentro de outra decis\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 exatamente por isso que essa estrutura recebe o nome de <strong>condicional aninhada<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Exemplo Pr\u00e1tico<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos utilizar uma sequ\u00eancia de condi\u00e7\u00f5es para identificar o per\u00edodo do dia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As regras ser\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>at\u00e9 12 horas \u2192 Bom dia;<\/li>\n\n\n\n<li>de 13 at\u00e9 17 horas \u2192 Boa tarde;<\/li>\n\n\n\n<li>a partir das 18 horas \u2192 Boa noite.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>let hora = 13;\n\nif (hora &lt;= 12) {\n\n    document.write(\"Bom dia\");\n\n} else if (hora &lt; 18) {\n\n    document.write(\"Boa tarde\");\n\n} else {\n\n    document.write(\"Boa noite\");\n\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Embora seja um exemplo simples, ele demonstra perfeitamente como o JavaScript percorre cada condi\u00e7\u00e3o at\u00e9 encontrar uma resposta verdadeira.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Entendendo o funcionamento<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Se a vari\u00e1vel receber o valor <strong>10<\/strong>, teremos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>hora &lt;= 12 ?\n\nSim\n\n\u2193\n\nBom dia\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Agora imagine que o valor seja <strong>15<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>hora &lt;= 12 ?\n\nN\u00e3o\n\n\u2193\n\nhora &lt; 18 ?\n\nSim\n\n\u2193\n\nBoa tarde\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Se o valor for <strong>20<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>hora &lt;= 12 ?\n\nN\u00e3o\n\n\u2193\n\nhora &lt; 18 ?\n\nN\u00e3o\n\n\u2193\n\nBoa noite\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Observe que, assim que uma condi\u00e7\u00e3o \u00e9 satisfeita, o restante do c\u00f3digo deixa de ser executado.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">A import\u00e2ncia dos operadores l\u00f3gicos<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Em muitos algoritmos ser\u00e1 necess\u00e1rio combinar duas ou mais condi\u00e7\u00f5es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if (idade &gt;= 18 &amp;&amp; possuiCarteira) {\n\n    console.log(\"Pode dirigir.\");\n\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">O operador <strong>&amp;&amp;<\/strong> significa <strong>E<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As duas condi\u00e7\u00f5es precisam ser verdadeiras ao mesmo tempo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tamb\u00e9m \u00e9 muito comum utilizar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>||<\/code> (OU)<\/li>\n\n\n\n<li><code>!<\/code> (N\u00c3O)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Esses operadores aparecem constantemente em sistemas profissionais.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Onde as Condicionais Aninhadas s\u00e3o utilizadas?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea encontrar\u00e1 esse recurso em praticamente qualquer aplica\u00e7\u00e3o desenvolvida atualmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alguns exemplos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>sistemas de login;<\/li>\n\n\n\n<li>controle de permiss\u00f5es;<\/li>\n\n\n\n<li>valida\u00e7\u00e3o de formul\u00e1rios;<\/li>\n\n\n\n<li>aprova\u00e7\u00e3o de pedidos;<\/li>\n\n\n\n<li>c\u00e1lculo de descontos;<\/li>\n\n\n\n<li>classifica\u00e7\u00e3o de alunos;<\/li>\n\n\n\n<li>controle de estoque;<\/li>\n\n\n\n<li>sistemas banc\u00e1rios;<\/li>\n\n\n\n<li>lojas virtuais;<\/li>\n\n\n\n<li>plataformas de cursos.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Sempre que o programa precisar tomar v\u00e1rias decis\u00f5es, as condicionais ser\u00e3o utilizadas.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Uma dica importante<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Um erro muito comum entre iniciantes \u00e9 tentar escrever todo o algoritmo de uma \u00fanica vez.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma estrat\u00e9gia muito melhor consiste em dividir o problema em pequenas etapas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de come\u00e7ar a programar, responda:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Quais informa\u00e7\u00f5es ser\u00e3o necess\u00e1rias?<\/li>\n\n\n\n<li>Quais vari\u00e1veis preciso criar?<\/li>\n\n\n\n<li>Quais respostas podem ser exibidas?<\/li>\n\n\n\n<li>Quais condi\u00e7\u00f5es precisam ser verificadas?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Depois monte a estrutura da l\u00f3gica e somente ent\u00e3o escreva as condi\u00e7\u00f5es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esse processo reduz bastante a quantidade de erros.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udcfa Assista \u00e0 aula completa<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea prefere aprender acompanhando todo o desenvolvimento do algoritmo passo a passo, assista \u00e0 aula completa no canal <strong>Desvendando o C\u00f3digo<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nesta aula mostramos como construir uma condicional aninhada utilizando <code>if<\/code>, <code>else if<\/code> e <code>else<\/code>, explicando cada etapa da l\u00f3gica e desenvolvendo um algoritmo capaz de identificar automaticamente se deve ser exibido <strong>Bom dia<\/strong>, <strong>Boa tarde<\/strong> ou <strong>Boa noite<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83c\udfa5 <strong>V\u00eddeo da aula:<\/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=\"Condicionais Aninhadas em JavaScript | Projeto Pr\u00e1tico Passo a Passo\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/Sup4TRtAq-8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Boas pr\u00e1ticas<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Sempre que utilizar condicionais procure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>manter uma boa indenta\u00e7\u00e3o;<\/li>\n\n\n\n<li>utilizar nomes de vari\u00e1veis claros;<\/li>\n\n\n\n<li>escrever condi\u00e7\u00f5es objetivas;<\/li>\n\n\n\n<li>evitar muitos n\u00edveis de aninhamento;<\/li>\n\n\n\n<li>testar diferentes cen\u00e1rios antes de finalizar o algoritmo.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Esses cuidados deixam o c\u00f3digo mais organizado e facilitam futuras manuten\u00e7\u00f5es.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Conclus\u00e3o<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">As condicionais s\u00e3o uma das bases da programa\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dominar <strong>if<\/strong>, <strong>else if<\/strong>, <strong>else<\/strong> e compreender quando utilizar um verdadeiro <strong>aninhamento<\/strong> permitir\u00e1 criar algoritmos capazes de resolver problemas muito mais pr\u00f3ximos daqueles encontrados em aplica\u00e7\u00f5es profissionais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depois desse conte\u00fado voc\u00ea estar\u00e1 preparado para estudar estruturas como <strong>switch case<\/strong>, fun\u00e7\u00f5es, la\u00e7os de repeti\u00e7\u00e3o e conceitos mais avan\u00e7ados da linguagem JavaScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O mais importante \u00e9 praticar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Experimente modificar os exemplos apresentados, criar novas condi\u00e7\u00f5es e desenvolver pequenos desafios pr\u00f3prios. Quanto mais voc\u00ea praticar, mais natural ser\u00e1 construir algoritmos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Continue aprendendo JavaScript<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Se este conte\u00fado foi \u00fatil para voc\u00ea, aproveite para conhecer os demais artigos da s\u00e9rie <strong>JavaScript para Iniciantes<\/strong> publicados aqui no <strong>Desvendando o C\u00f3digo<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada aula foi desenvolvida para explicar os conceitos de forma simples, pr\u00e1tica e utilizando exemplos do mundo real, ajudando voc\u00ea a evoluir passo a passo na programa\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bons estudos e at\u00e9 a pr\u00f3xima aula!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>28 de January de 2024 Atualizado em: 30 de julho de 2026 Este artigo foi revisado para tornar a explica\u00e7\u00e3o sobre condicionais aninhadas ainda mais completa, diferenciando o uso de if dentro de if da sequ\u00eancia if, else if e else, al\u00e9m de apresentar exemplos pr\u00e1ticos utilizados no desenvolvimento de aplica\u00e7\u00f5es JavaScript. O que s\u00e3o Condicionais Aninhadas em JavaScript? Durante o desenvolvimento de um programa, nem sempre precisamos tomar apenas uma decis\u00e3o. Em muitas situa\u00e7\u00f5es, o algoritmo precisa analisar diferentes informa\u00e7\u00f5es antes de executar determinada a\u00e7\u00e3o. Imagine um sistema que precisa: Nesse tipo de situa\u00e7\u00e3o, apenas um if normalmente n\u00e3o \u00e9 suficiente. \u00c9 justamente a\u00ed que entram as condicionais aninhadas, um dos conceitos mais importantes da l\u00f3gica de programa\u00e7\u00e3o. Neste artigo voc\u00ea aprender\u00e1: Relembrando o if e o else Antes de entender as condicionais aninhadas, vale recordar como funciona uma condi\u00e7\u00e3o simples. Nesse exemplo o c\u00f3digo ser\u00e1 executado somente quando a condi\u00e7\u00e3o for verdadeira. Quando existem apenas duas possibilidades utilizamos o else. Aqui existem apenas dois caminhos poss\u00edveis. Mas e quando o programa precisa analisar tr\u00eas, quatro ou mais possibilidades? if, else if e else Quando existem v\u00e1rias possibilidades podemos utilizar uma sequ\u00eancia de condi\u00e7\u00f5es. O JavaScript verifica as condi\u00e7\u00f5es de cima para baixo. Assim que encontra uma condi\u00e7\u00e3o verdadeira, as demais deixam de ser executadas. Caso nenhuma condi\u00e7\u00e3o seja atendida, o bloco else ser\u00e1 executado. Essa estrutura \u00e9 utilizada diariamente em sistemas de cadastro, lojas virtuais, aplica\u00e7\u00f5es financeiras e diversos outros projetos. O que realmente \u00e9 uma Condicional Aninhada? Embora muitas pessoas utilizem o termo para se referir ao else if, uma condicional aninhada acontece quando existe uma estrutura condicional dentro de outra. Veja um exemplo. Nesse caso o segundo if s\u00f3 ser\u00e1 executado se o primeiro for verdadeiro. Ou seja, existe uma decis\u00e3o acontecendo dentro de outra decis\u00e3o. \u00c9 exatamente por isso que essa estrutura recebe o nome de condicional aninhada. Exemplo Pr\u00e1tico Vamos utilizar uma sequ\u00eancia de condi\u00e7\u00f5es para identificar o per\u00edodo do dia. As regras ser\u00e3o: Embora seja um exemplo simples, ele demonstra perfeitamente como o JavaScript percorre cada condi\u00e7\u00e3o at\u00e9 encontrar uma resposta verdadeira. Entendendo o funcionamento Se a vari\u00e1vel receber o valor 10, teremos: Agora imagine que o valor seja 15. Se o valor for 20. Observe que, assim que uma condi\u00e7\u00e3o \u00e9 satisfeita, o restante do c\u00f3digo deixa de ser executado. A import\u00e2ncia dos operadores l\u00f3gicos Em muitos algoritmos ser\u00e1 necess\u00e1rio combinar duas ou mais condi\u00e7\u00f5es. Por exemplo: O operador &amp;&amp; significa E. As duas condi\u00e7\u00f5es precisam ser verdadeiras ao mesmo tempo. Tamb\u00e9m \u00e9 muito comum utilizar: Esses operadores aparecem constantemente em sistemas profissionais. Onde as Condicionais Aninhadas s\u00e3o utilizadas? Voc\u00ea encontrar\u00e1 esse recurso em praticamente qualquer aplica\u00e7\u00e3o desenvolvida atualmente. Alguns exemplos: Sempre que o programa precisar tomar v\u00e1rias decis\u00f5es, as condicionais ser\u00e3o utilizadas. Uma dica importante Um erro muito comum entre iniciantes \u00e9 tentar escrever todo o algoritmo de uma \u00fanica vez. Uma estrat\u00e9gia muito melhor consiste em dividir o problema em pequenas etapas. Antes de come\u00e7ar a programar, responda: Depois monte a estrutura da l\u00f3gica e somente ent\u00e3o escreva as condi\u00e7\u00f5es. Esse processo reduz bastante a quantidade de erros. \ud83d\udcfa Assista \u00e0 aula completa Se voc\u00ea prefere aprender acompanhando todo o desenvolvimento do algoritmo passo a passo, assista \u00e0 aula completa no canal Desvendando o C\u00f3digo. Nesta aula mostramos como construir uma condicional aninhada utilizando if, else if e else, explicando cada etapa da l\u00f3gica e desenvolvendo um algoritmo capaz de identificar automaticamente se deve ser exibido Bom dia, Boa tarde ou Boa noite. \ud83c\udfa5 V\u00eddeo da aula: Boas pr\u00e1ticas Sempre que utilizar condicionais procure: Esses cuidados deixam o c\u00f3digo mais organizado e facilitam futuras manuten\u00e7\u00f5es. Conclus\u00e3o As condicionais s\u00e3o uma das bases da programa\u00e7\u00e3o. Dominar if, else if, else e compreender quando utilizar um verdadeiro aninhamento permitir\u00e1 criar algoritmos capazes de resolver problemas muito mais pr\u00f3ximos daqueles encontrados em aplica\u00e7\u00f5es profissionais. Depois desse conte\u00fado voc\u00ea estar\u00e1 preparado para estudar estruturas como switch case, fun\u00e7\u00f5es, la\u00e7os de repeti\u00e7\u00e3o e conceitos mais avan\u00e7ados da linguagem JavaScript. O mais importante \u00e9 praticar. Experimente modificar os exemplos apresentados, criar novas condi\u00e7\u00f5es e desenvolver pequenos desafios pr\u00f3prios. Quanto mais voc\u00ea praticar, mais natural ser\u00e1 construir algoritmos. Continue aprendendo JavaScript Se este conte\u00fado foi \u00fatil para voc\u00ea, aproveite para conhecer os demais artigos da s\u00e9rie JavaScript para Iniciantes publicados aqui no Desvendando o C\u00f3digo. Cada aula foi desenvolvida para explicar os conceitos de forma simples, pr\u00e1tica e utilizando exemplos do mundo real, ajudando voc\u00ea a evoluir passo a passo na programa\u00e7\u00e3o. Bons estudos e at\u00e9 a pr\u00f3xima aula!<\/p>\n","protected":false},"author":1,"featured_media":2251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basico"],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/254","targetHints":{"allow":["GET"]}}],"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=254"}],"version-history":[{"count":16,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/254\/revisions"}],"predecessor-version":[{"id":2255,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/254\/revisions\/2255"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/2251"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}