{"id":38791,"date":"2024-07-21T14:02:37","date_gmt":"2024-07-21T17:02:37","guid":{"rendered":"http:\/\/localhost\/cmswebmundicom\/?p=38791"},"modified":"2024-07-21T14:02:39","modified_gmt":"2024-07-21T17:02:39","slug":"condicionais-em-javascript-if-else-switch","status":"publish","type":"post","link":"http:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/condicionais-em-javascript-if-else-switch\/","title":{"rendered":"Condicionais em JavaScript: If, Else e Switch"},"content":{"rendered":"
Tutorial JavaScript B\u00e1sico<\/a><\/div><\/div>

Condicionais em JavaScript: If, Else e Switch<\/h2>

Aprenda a usar estruturas condicionais em JavaScript, como if, else if, else e switch, para executar c\u00f3digo baseado em diferentes condi\u00e7\u00f5es com exemplos pr\u00e1ticos.<\/p>

\"Dicas
Tutorial de JavaScript b\u00e1sico para iniciantes<\/figcaption><\/figure><\/div>

Condicionais em JavaScript: If, Else e Switch<\/h3>

Condicionais s\u00e3o uma parte essencial da programa\u00e7\u00e3o, permitindo que o c\u00f3digo tome decis\u00f5es e execute diferentes blocos de c\u00f3digo com base em determinadas condi\u00e7\u00f5es. Em JavaScript, as estruturas condicionais mais comuns s\u00e3o if<\/code>, else if<\/code>, else<\/code> e switch<\/code>. Neste post, vamos explorar como usar essas estruturas de maneira eficaz.<\/p>

Estrutura Condicional if<\/code><\/h3>

A estrutura condicional if<\/code> \u00e9 usada para executar um bloco de c\u00f3digo se uma condi\u00e7\u00e3o especificada for verdadeira.<\/p>

let idade = 18;\n\nif (idade >= 18) {\n    console.log(\"Voc\u00ea \u00e9 maior de idade.\");\n}\n\/\/ Sa\u00edda: \"Voc\u00ea \u00e9 maior de idade.\"\n\n<\/code><\/pre>
Estrutura Condicional else<\/code><\/h3>
A estrutura else<\/code> \u00e9 usada junto com if<\/code> para executar um bloco de c\u00f3digo se a condi\u00e7\u00e3o if<\/code> for falsa.<\/p>
let idade = 16;\n\nif (idade >= 18) {\n    console.log(\"Voc\u00ea \u00e9 maior de idade.\");\n} else {\n    console.log(\"Voc\u00ea \u00e9 menor de idade.\");\n}\n\/\/ Sa\u00edda: \"Voc\u00ea \u00e9 menor de idade.\"\n\n<\/code><\/pre>
Estrutura Condicional else if<\/code><\/h3>
A estrutura else if<\/code> permite testar m\u00faltiplas condi\u00e7\u00f5es. Se a condi\u00e7\u00e3o if<\/code> for falsa, o programa testar\u00e1 a condi\u00e7\u00e3o else if<\/code>. Se todas as condi\u00e7\u00f5es forem falsas, o bloco else<\/code> ser\u00e1 executado, se presente.<\/p>
let nota = 75;\n\nif (nota >= 90) {\n    console.log(\"Voc\u00ea tirou um A.\");\n} else if (nota >= 80) {\n    console.log(\"Voc\u00ea tirou um B.\");\n} else if (nota >= 70) {\n    console.log(\"Voc\u00ea tirou um C.\");\n} else {\n    console.log(\"Voc\u00ea n\u00e3o passou.\");\n}\n\/\/ Sa\u00edda: \"Voc\u00ea tirou um C.\"\n\n<\/code><\/pre>
Estrutura Condicional switch<\/code><\/h3>
A estrutura switch<\/code> \u00e9 usada para executar diferentes blocos de c\u00f3digo com base no valor de uma express\u00e3o. \u00c9 especialmente \u00fatil quando voc\u00ea precisa comparar a mesma vari\u00e1vel com v\u00e1rios valores diferentes.<\/p>
let diaDaSemana = 3;\nlet dia;\n\nswitch (diaDaSemana) {\n    case 1:\n        dia = \"Domingo\";\n        break;\n    case 2:\n        dia = \"Segunda-feira\";\n        break;\n    case 3:\n        dia = \"Ter\u00e7a-feira\";\n        break;\n    case 4:\n        dia = \"Quarta-feira\";\n        break;\n    case 5:\n        dia = \"Quinta-feira\";\n        break;\n    case 6:\n        dia = \"Sexta-feira\";\n        break;\n    case 7:\n        dia = \"S\u00e1bado\";\n        break;\n    default:\n        dia = \"Dia inv\u00e1lido\";\n}\n\nconsole.log(dia);\n\/\/ Sa\u00edda: \"Ter\u00e7a-feira\"\n\n<\/code><\/pre>
Aninhando Condicionais<\/h3>
Voc\u00ea pode aninhar condicionais if<\/code> e else<\/code> para testar v\u00e1rias condi\u00e7\u00f5es complexas.<\/p>
let idade = 20;\nlet temCarteira = true;\n\nif (idade >= 18) {\n    if (temCarteira) {\n        console.log(\"Voc\u00ea pode dirigir.\");\n    } else {\n        console.log(\"Voc\u00ea precisa de uma carteira de motorista para dirigir.\");\n    }\n} else {\n    console.log(\"Voc\u00ea \u00e9 menor de idade e n\u00e3o pode dirigir.\");\n}\n\/\/ Sa\u00edda: \"Voc\u00ea pode dirigir.\"\n\n<\/code><\/pre>
Compara\u00e7\u00f5es e Operadores L\u00f3gicos<\/h3>
As condicionais usam operadores de compara\u00e7\u00e3o para avaliar as condi\u00e7\u00f5es. Aqui est\u00e3o alguns operadores comuns:<\/p>