{"id":256,"date":"2024-01-28T18:00:06","date_gmt":"2024-01-28T21:00:06","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=256"},"modified":"2024-02-24T19:33:54","modified_gmt":"2024-02-24T22:33:54","slug":"aula-08-estrutura-de-decisao-switch-case-em-javascript-para-iniciantes-%f0%9f%9a%80","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=256","title":{"rendered":"Aula 08: Estrutura de decis\u00e3o Switch Case em JavaScript para Iniciantes!"},"content":{"rendered":"\n<p>Quando se trata de tomar decis\u00f5es em JavaScript, os iniciantes frequentemente se deparam com duas principais abordagens: condicionais aninhadas e a estrutura switch-case. Ambas s\u00e3o poderosas ferramentas para controlar o fluxo do programa , mas t\u00eam suas pr\u00f3prias distin\u00e7\u00f5es e cada uma delas ter\u00e1 sua utiliza\u00e7\u00e3o conforme o desenvolvimento e necessidade do projeto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Condicionais Aninhadas:<\/strong><\/h2>\n\n\n\n<p>As condicionais aninhadas s\u00e3o uma maneira de estruturar m\u00faltiplas instru\u00e7\u00f5es condicionais dentro de outras instru\u00e7\u00f5es condicionais. Isso cria uma cascata de verifica\u00e7\u00f5es, onde cada bloco de c\u00f3digo \u00e9 executado apenas se a condi\u00e7\u00e3o associada for verdadeira conforme virmos na aula passada.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Estrutura Switch-Case:<\/strong><\/h2>\n\n\n\n<p>A estrutura switch-case \u00e9 uma maneira mais direta de lidar com m\u00faltiplas condi\u00e7\u00f5es. Ela permite comparar uma express\u00e3o com v\u00e1rios valores poss\u00edveis e executar um bloco de c\u00f3digo com base no valor correspondente.<\/p>\n\n\n\n<p>No v\u00eddeo de hoje iremos entender com essa estrutura funciona, pois ao aprender JavaScript, entender e dominar diferentes estruturas de controle de fluxo, como o switch-case, \u00e9 essencial. <\/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=\"Aula 08: Estrutura de decis\u00e3o Switch Case em JavaScript para Iniciantes! \ud83d\ude80\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/-2zEY8irNWI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>HTML<\/strong>\n\n&lt;!DOCTYPE html&gt;\n&lt;html lang=\"pt-br\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;Aula 08 Switch Case&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    \n    &lt;script&gt;\n       \n       var tipoUsuario = \"Funcionario\";\n       var mensagem\n\n       switch (tipoUsuario) {\n        case \"Admin\":\n            mensagem = \"Feliz Natal, Chefe!\";\n            break;\n\n        case \"Gerente\":\n            mensagem = \"Boas festas, meu amigo!\";\n            break;\n\n        case \"Encarregado\":\n            mensagem = \"Boas festas!\";\n            break;\n       \n        default:\n            mensagem = \"At\u00e9 mais!\";\n       }\n\n       document.write(mensagem);\n\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclus\u00e3o<\/strong><\/h2>\n\n\n\n<p>Em resumo, condicionais aninhadas s\u00e3o \u00fateis quando voc\u00ea precisa realizar verifica\u00e7\u00f5es complexas com base em v\u00e1rias condi\u00e7\u00f5es. Por outro lado, a estrutura switch-case \u00e9 mais apropriada quando voc\u00ea est\u00e1 lidando com uma \u00fanica express\u00e3o e v\u00e1rios casos poss\u00edveis. Entender as diferen\u00e7as entre essas abordagens ajudar\u00e1 os iniciantes a escolher a mais adequada para suas necessidades de programa\u00e7\u00e3o em JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando se trata de tomar decis\u00f5es em JavaScript, os iniciantes frequentemente se deparam com duas principais abordagens: condicionais aninhadas e a estrutura switch-case. Ambas s\u00e3o poderosas ferramentas para controlar o fluxo do programa , mas t\u00eam suas pr\u00f3prias distin\u00e7\u00f5es e cada uma delas ter\u00e1 sua utiliza\u00e7\u00e3o conforme o desenvolvimento e necessidade do projeto. Condicionais Aninhadas: As condicionais aninhadas s\u00e3o uma maneira de estruturar m\u00faltiplas instru\u00e7\u00f5es condicionais dentro de outras instru\u00e7\u00f5es condicionais. Isso cria uma cascata de verifica\u00e7\u00f5es, onde cada bloco de c\u00f3digo \u00e9 executado apenas se a condi\u00e7\u00e3o associada for verdadeira conforme virmos na aula passada. Estrutura Switch-Case: A estrutura switch-case \u00e9 uma maneira mais direta de lidar com m\u00faltiplas condi\u00e7\u00f5es. Ela permite comparar uma express\u00e3o com v\u00e1rios valores poss\u00edveis e executar um bloco de c\u00f3digo com base no valor correspondente. No v\u00eddeo de hoje iremos entender com essa estrutura funciona, pois ao aprender JavaScript, entender e dominar diferentes estruturas de controle de fluxo, como o switch-case, \u00e9 essencial. Conclus\u00e3o Em resumo, condicionais aninhadas s\u00e3o \u00fateis quando voc\u00ea precisa realizar verifica\u00e7\u00f5es complexas com base em v\u00e1rias condi\u00e7\u00f5es. Por outro lado, a estrutura switch-case \u00e9 mais apropriada quando voc\u00ea est\u00e1 lidando com uma \u00fanica express\u00e3o e v\u00e1rios casos poss\u00edveis. Entender as diferen\u00e7as entre essas abordagens ajudar\u00e1 os iniciantes a escolher a mais adequada para suas necessidades de programa\u00e7\u00e3o em JavaScript.<\/p>\n","protected":false},"author":1,"featured_media":795,"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\/256"}],"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=256"}],"version-history":[{"count":7,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/256\/revisions"}],"predecessor-version":[{"id":797,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/256\/revisions\/797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/795"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}