30:[] 2e:{"title":"Programando no Observable","cells":[{"id":0,"value":"# Programando no Observable","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"### Introdução sobre literate programing no Observable com javascript\n\n------\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":41,"value":"## Condicionais","pinned":false,"hidden":false,"mode":"md"},{"id":696,"value":"Normalmente trabalhamos com **condicionais** logo após o ensino de [variáveis](https://omnicode.vercel.app/docs/?url=https://observablehq.com/embed/@ranoya/javascript1?cell=*), mas se tratando de um contexto de programação altamente funcional, só será possível utilizá-las depois de entendermos, no mínimo, o uso das [funções](https://omnicode.vercel.app/docs/?url=https://observablehq.com/embed/@ranoya/javascript3?cells=*).","pinned":false,"hidden":false,"mode":"md"},{"id":698,"value":"**Condicionais** são instruções que chaveiam todo um fluxo de código, e no caso do Observable, muito provavelmente dentro de uma [função](https://omnicode.vercel.app/docs/?url=https://observablehq.com/embed/@ranoya/javascript3?cells=*). Dependendo do resultado de uma operação booleana (`true` ou `false`), um código, ou outro código diferente, será executado. Isto é essencial para a \"inteligência\" do código, preparado para responder a diferentes situações, dependendo do caso.","pinned":false,"hidden":false,"mode":"md"},{"id":978,"value":"As **condicionais** em javascript são escritas com a seguinte sintaxe:\n\n```js\nif (condicao) {\n // comportamento do código no caso da condição ser verdadeira\n} else {\n // comportamento do código no caso da condição ser falsa\n}\n```\n\nA `condição` é uma operação booleana, cujo resultado é sempre `true` ou `false`. Para que isso seja claro, vejamos um exemplo bem simples:","pinned":false,"hidden":false,"mode":"md"},{"id":981,"value":"minhavariavel = 10","pinned":false,"hidden":false,"mode":"ojs"},{"id":989,"value":"```js\nverifica = function (x) {\n let resultado = \"o valor é menor\";\n\n if (x > 5) {\n resultado = \"o valor é maior que 5\";\n }\n\n return resultado;\n}\n\nverifica(minhavariavel);\n```","pinned":false,"hidden":false,"mode":"md"},{"id":992,"value":"verifica(minhavariavel)","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"A condição `else`, que estabelece o que deve ser feito caso o resultado da condição seja `false`, não é obrigatória. E assim como ela, também temos a possibilidade de concatenar novas condições na condicional, com a seguinte sintaxe:\n\n```js\nif (condicao) {\n // executa o código em caso de true\n} else if (novacondicao) {\n // executa caso a primeira condição seja false, e a segunda seja true\n} else {\n // executa caso a primeira condição seja false e a segunda também seja false\n}\n```\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":544,"value":"\n-----\n","pinned":false,"hidden":false,"mode":"md"},{"id":752,"value":"## Operações booleanas","pinned":false,"hidden":false,"mode":"md"},{"id":754,"value":"As comparações utilizadas como condição para uma **condicional** podem ser bem complexas. Elas são chamadas de operações lógicas ou booleanas. As operações de comparação básicas são as seguintes:\n\n| sintaxe | operação | exemplo | condição para true |\n|---------|----------|---------|---------|\n| == | igualdade | x == 10 | o valor de x ser igual a 10 |\n| != | diferença | x != 10 | o valor de x ser diferente de 10 |\n| > | maior | x > 10 | o valor de x ser maior que 10 |\n| < | menor | x < 10 | o valor de x ser menor que 10 |\n| >= | maior ou igual | x >= 10 | o valor de x ser 10 ou maior que 10 |\n| <= | menor ou igual | x <= 10 | o valor de x ser 10 ou menor que 10 |\n","pinned":false,"hidden":false,"mode":"md"},{"id":1014,"value":"Além das operações básicas, várias delas podem ser unidas com operações de **e** (`and`) / **ou** (`or`), que podem ser muito importantes para demarcar exatamente a condição que precisa ser cumprida para que um código seja executado. A sintaxe de operações booleanas **e** / **ou** é a seguinte:\n\n| operação | sintaxe | exemplo | condição para true |\n|---------|----------|---------|---------|\n| **e** | `&&` | (x == 10 && y < 5) | x seja 10 e y seja menor que 5 |\n| **ou** | || | (x < 5 || y < 5) | o valor de x ou o valor de y ser menor que 5 |\n\nE consequentemente, condicionais complexas podem ser construídas com este tipo de operação, como por exemplo:\n\n```js\nif ( ( (x > 5 && x != 10) && (y <= 0 && y >= 100) ) || (x / y > 30) ) {\n // executa se a condição complexa for satisfeita\n}\n```","pinned":false,"hidden":false,"mode":"md"},{"id":1038,"value":"Considerando que podemos juntar essa complexidade lógica com mais condições `else` ou `else if()`, fica evidente que a operação lógica pode se tornar muito complicada. Uma das coisas onde os notebooks como o Observable superam ambientes tradicionais de desenvolvimento é que podemos testar no próprio documento os resultados destas operações, para entender como ou porquê alguma condição não está sendo satisfeita como o esperado.\n\nPodemos criar blocos de código que apresentam os resultados das operações, para entendê-las melhor.","pinned":false,"hidden":false,"mode":"md"},{"id":968,"value":"\n---\n","pinned":false,"hidden":false,"mode":"md"},{"id":970,"value":"Próximo: [loops](https://omnicode.vercel.app/docs/?url=https://observablehq.com/embed/@ranoya/javascript5?cells=*)","pinned":false,"hidden":false,"mode":"md"},{"id":867,"value":"

\n\n-----\n\n#### Apêndice","pinned":false,"hidden":false,"mode":"md"},{"id":987,"value":"verifica = function (x) {\n let resultado = \"o valor é menor\";\n\n if (x > 5) {\n resultado = \"o valor é maior que 5\";\n }\n\n return resultado;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}