Pular para o conteúdo principal

JS - Instruções condicionais (if)

Quando precisamos condicionar a execução em nossa aplicação precisamos utilizar uma das instruções condicionais, a mais simples é condição "if" que realiza um teste, ou vários testes acompanhados de operadores lógicos, e avalia o resultado, se todos os testes forem verdadeiros a sua instrução é executada, caso contrário não.

Com o "if" também podemos incluir testes adicionais caso o primeiro teste falhe por meio do "else if".

Caso nenhuma das condições sejam verdadeiras podemos definir um fluxo final com o "else".

Exemplo:

if ("condicao 1") { "instrucao 1" } else if ("condicao 2") { "instrucao 2" } else { "instrucao 3" }

if

Define o fluxo do programa, quando a validação de um "if" é verdadeira a instrução "dentro" dele será executado:

var x = 10;
var y = 20;

  • if (x === 10) { y = 21; } "verdadeiro, pois x é igual a 10, logo y receberá o novo valor 21";
  • if (x === 10 && y === 20) { y = 22; } "falso, pois apesar de x ser igual a 10 y agora vale 21, logo o valor de y não muda" ;
  • if (x === 10 || y === 20) { y = 22; } "verdadeiro, pois x é igual a 10 e mesmo y não sendo igual a 20 a condição é satisfeita pois usamos o operador lógico OU, logo o valor de y passa a ser 22" ;



else if

Utilizado em conjunto com o "if", se o "if" falhar o "else if" é testado, caso verdadeiro sua condição é executada:

  • if (y === 20) { x = 11; } else if (y > 20) { x = 12; } "a condição do if falha pois y não é igual a 20, a condição do else if é verdadeira pois y é maior que 20, logo o valor de x passa a ser 12";
  • if (y === 20) { x = 11; } else if (y < 20) { x = 12; } else if (x < 20) { x = 13; } "a condição do if falha pois y não é igual a 20, a primeira condição do else if é falsa pois y não é menor que 20 e segunda condição else if é verdadeira pois x é menor que 20, logo o valor de x passa a ser 13";



else

Também utilizado em conjunto com o "if", quando a condição do "if" é falsa (e caso existam "else if" estas também deve ser falsas) é executado a instrução contida no "else":

  • if (x === 20) { y = 30; } else { y = 31; } "a condição do if falha pois o x não é igual a 20, logo é executado a instrução contida no else, onde o valor de y passa a ser 31";
  • if (x === 20) { y = 30; } else if (y > 40) { y = 50;} else { y = 41; } "a condição do if falha pois o x não é igual a 20, a condição else if também falha pois y não é maior que 40, logo é executado a instrução contida no else, onde o valor de y passa a ser 41";




Marcadores:

Comentários

Postar um comentário

Obrigado por Participar do programero, fique a vontade para agradecer, retificar, perguntar ou sugerir.

Mais visitadas

Aplicação Flask usando Nginx e Gunicorn

Aplicação Flask usando Nginx e Gunicorn Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso. Neste artigo, vamos adaptar o exemplo anterior ( Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker ) para incluir o Nginx e o Gunicorn. O que são Nginx e Gunicorn? Gunicorn O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem. Nginx O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode: Servir arquivos ...
Postar um comentário
Leia mais

Criando sua Primeira Aplicação Web com Python e Docker

  Criando sua Primeira Aplicação Web com Python e Docker Hoje vamos fazer algo prático: criar uma aplicação web simples em Python usando Flask e executá-la dentro de um contêiner Docker. Se você não sabe exatamente o que é Docker ou Flask, não se preocupe! Vou explicar tudo de forma simples para que você consiga acompanhar sem problemas. O que é Docker? Docker é uma ferramenta que permite empacotar aplicações e suas dependências em contêineres, garantindo que elas funcionem da mesma forma em qualquer ambiente. Em outras palavras, com o Docker, você cria um ambiente isolado e padronizado para rodar suas aplicações. Como instalar o Docker Acesse o site oficial do Docker . Baixe e instale a versão apropriada para o seu sistema operacional (Windows, macOS ou Linux). Após a instalação, verifique se está tudo funcionando abrindo um terminal e executando: docker --version Se o Docker estiver instalado corretamente, ele vai exibir a versão instalada. O que é Flask? Flask é um m...
Postar um comentário
Leia mais

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker Neste guia, vamos criar uma aplicação básica que acessa um banco de dados PostgreSQL e realiza operações CRUD (Create, Read, Update, Delete). Vamos usar Flask e executar tudo com Docker. Sem estilos ou extras, apenas o essencial. Estrutura do Projeto crud-app/ |-- app/ | |-- app.py | |-- templates/ | | |-- index.html | | |-- edit.html |-- Dockerfile |-- requirements.txt |-- docker-compose.yml Passo 1: Dependências Crie um arquivo requirements.txt com as seguintes linhas: Flask==2.2.2 Flask-SQLAlchemy==3.0.2 psycopg2-binary==2.9.3 Werkzeug==2.2.2 Passo 2: Aplicação Flask Arquivo app/app.py : from flask import Flask, render_template, request, redirect, url_for from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # Configuração do banco de dados app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://user:password@db:5432/crud_db' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False db...
Postar um comentário
Leia mais