Transcrições
1. Introdução ao curso: Então, bem-vindo ao curso essencial
sobre fluxo de controle, no qual estamos dominando
as condições e fluxo de
controle com a
ajuda do JavaScript Meu nome é Fesil e
estou entusiasmado em ser seu guia enquanto
mergulhamos nos conceitos fundamentais que tornam seu código dinâmico e
muito responsivo Em programação,
controlar o fluxo do seu aplicativo
é realmente essencial, e este curso foi desenvolvido
para ajudá-lo a entender como tomar decisões e repetir ações de forma eficaz
em JavaScript. Agora, se você é
novato em programação ou quer solidificar
sua compreensão, obterá uma compreensão
abrangente de todos os conceitos sobre os
quais falaremos e também
aprenderá a escrever código
limpo e lógico que pode ajudá-lo a criar
alguns projetos incríveis Agora, aqui está uma prévia do
que vamos abordar. Então,
abordaremos as instruções if nas quais falaremos
sobre como você pode executar certos blocos
do código se determinadas
condições forem atendidas Falaremos sobre o switch,
no qual descobriremos uma alternativa poderosa
para lidar com várias condições de
forma organizada e organizada E isso é muito importante. É algo que
faremos na prática. Em seguida, falaremos sobre loops em que abordaremos quatro loops, nos quais falaremos
sobre a arte de
iterar os dados
com a ajuda deles Também falaremos sobre loops de porquê nos quais entendemos
como você pode repetir determinadas ações até que
uma determinada condição seja E ao final deste curso, você terá uma forte compreensão do fluxo de controle
de JavaScript, permitindo criar aplicativos
inteligentes
mais interativos
e orientados à ação Então, para quem é esse curso? Este curso é para
desenvolvedores de todos os níveis. Portanto, se você é um desenvolvedor de nível iniciante, intermediário ou alguém muito
avançado e que deseja se atualizar
sobre todos esses tópicos, você pode
participar do curso com prazer e se divertirá muito Além disso, eu não
uso muitas apresentações.
Tudo é prático. Eu te mostro coisas e
depois as vejo em ação. Está bem? Então é assim
que vamos fazer. É um código totalmente prático, então não se preocupe com essa parte. Então, você está pronto
para assumir o controle do seu código e criar programas
interativos dinâmicos? Vamos mergulhar e começar a dominar as condições
e os loops juntos
2. Decisões em ação: dominando a lógica “sim-sim”: Ei, tudo bem, pessoal. Então é hora de falarmos sobre as instruções if
em JavaScript. Portanto, a instrução if for
usada para executar um bloco de código se a condição
especificada for verdadeira. Então, sim, o centro da declaração
if é a
condição que você especifica. E, dependendo da condição, é decidido se o bloco de código deve ser
executado ou não. Agora, por que precisamos de algo
chamado declaração “como se”? Agora, haverá
cenários em que você talvez queira fazer uma
execução condicional, certo Agora, o que é execução
condicional? Execução condicional, ou
seja, como os
programas são executados é
que você tem o log de pontos do console, você tem a linha um,
ok? Linha um do código. OK. E então você tem a
linha dois do código, ok? Portanto, isso não é condicional. Está sendo executado
um após o outro. Agora, digamos que eu
queira executar a primeira linha do código somente em
um determinado cenário. E é aí que a declaração
entra em cena, ok? Portanto, talvez eu queira executar ou não uma linha 1, dependendo de uma
determinada condição ser atendida. Certo? Agora, uma
condição pode ser, digamos que se a temperatura
for maior que 25, certo, ou maior que uma
certa quantidade
, eu gostaria de
mostrar uma mensagem para um usuário de que está
quente hoje, certo? Portanto, você não pode simplesmente
imprimir que está quente hoje. Você precisa primeiro
verificar a temperatura
e, se a temperatura estiver em
torno de um determinado limite, somente então você precisará mostrar
a mensagem Então é aqui que a
declaração condicional entra em
cena, certo? Esta é se não a única
declaração condicional que existe, certo, mas eu vou te mostrar
como você pode fazer uso de I. Então você pode dizer se aqui,
você tem a sugestão Se for uma afirmação, você também
tem ILs, certo, mas vamos
continuar com eles por enquanto. Você precisa especificar uma condição
que seja avaliada como booleana. Então, digamos que eu
diga verdadeiro aqui, o e mova a linha um
dentro da declaração if. Agora, essa brisa ondulada
representa um bloco de código
e, dentro dessa brisa ondulada, você pode adicionar qualquer número
de linhas de Isso será executado se
a condição for atendida. Agora, se eu salvar isso, você verá a linha um, linha dois, e se eu
converter isso em cai aqui, você só verá a linha dois. Portanto, isso nunca
será executado porque a condição dentro
do if é falsa. Tudo bem? Então é assim que o tratamento funciona
em poucas palavras Agora, vamos voltar ao
nosso exemplo em que dizemos que, se uma temperatura estiver
acima de um determinado limite, queremos mostrar uma
mensagem ao usuário Então, para isso,
precisarei de uma variável. Ok, então eu vou dizer temperatura. OK. Agora, digamos que se a temperatura for
30, registre-a hoje. Tudo bem Então eu posso
ter a condição E aqui para que eu possa ver se
a temperatura é maior que. Está bem? Se for maior
que, digamos, 25. OK. Então, se for
maior que 25, eu gostaria de imprimir, é um T quente, algo
assim. Tudo bem. Então isso pode entrar e vir aqui, isso é lá fora, certo? Então você pode ver, ou eu posso
simplesmente imprimir, tenha um bom dia. OK. Então você pode
ver que é um dia quente e que tenha um bom dia está
sendo impresso agora. Está bem? Se a temperatura
for 22 aqui, você verá que tenha um bom dia porque
não é um dia quente, certo? Então, eu não quero
imprimir isso. Tudo bem? Agora, o que isso
significa é que esse bloco de código é executado se essa
condição for atendida, certo? Agora, haverá cenários
em que você deseja executar algum bloco de código
quando essa condição não
for atendida ou se essa
condição for falsa,
e é aí que a declaração
entra em cena Está bem? Então você tem eu e
então você tem nós aqui. Está bem? Então eu posso nos deixar ter
uma variável aqui. Eu vou dizer que está
chovendo por aqui. Ou vamos lidar com o
mesmo exemplo aqui. Então eu posso dizer que está quente hoje, e eu posso dizer que
estamos aqui, ok? E você pode adicionar aqui
Console dot Log aqui, e eu posso simplesmente copiar
isso, não é um dia quente. Está bem? Você pode ver que não é
um dia quente, tenha um bom dia. E se for 26 aqui, por exemplo,
dirá que é um dia quente, tenha um bom dia. Tudo bem. Então, este é um exemplo
de tratamento de Is. Deixe-me dar mais
um exemplo. Escolheremos um exemplo
de um dia chuvoso e teremos uma variável que
está chovendo aqui Está bem? Agora, se estiver
chovendo, se estiver chovendo, o que precisamos fazer é
dizer Console, logar
pontos aqui, e eu preciso
dizer pegue um guarda-chuva Algo parecido com isso.
OK. Caso contrário, preciso dizer ok, preciso dizer que não preciso
de um guarda-chuva, certo? Então, sim, eu vou dizer. Não precisa de um guarda-chuva. Vou guardar isso. Então você pode ver, pegue um guarda-chuva porque está chovendo e,
se não estiver chovendo,
você não verá a necessidade
de um guarda-chuva. Tudo bem. Muito
simples, certo? Agora, aqui, o que estamos fazendo é ter dois
blocos de código que
estão sendo executados se essa
condição for verdadeira para todos. Então essa condição está controlando
tudo aqui. Portanto, essa condição é importante. Portanto, se você estiver escrevendo
uma declaração, certifique-se de que essa
condição esteja correta. OK. Muitas pessoas cometem o erro de que a condição não está correta. Está bem? Há algum erro
lógico e, em seguida, eles não
obtêm a saída correta. Portanto, preste atenção
a essa condição. Agora, há mais uma
forma de IL que é se, e então você tem se
e, novamente, tem s. Então isso também
é possível. Então você pode dizer que se aqui, você verá a
declaração FL. Tudo bem. Agora eu posso dizer, agora usando
essa sintaxe aqui, se sim, você pode realmente encadear
várias condições, certo? Então, deixe-me te mostrar como, ok? Então, digamos que eu tenha uma variável
aqui chamada pontuação. Está bem? Digamos que eu atribua a
isso um valor de 75. Está bem? Agora, eu vou marcar pontos
aqui, ok? Então eu vou dizer que a pontuação I é
maior que igual a 90. OK. Digamos que queremos
imprimir algo. O que estamos imprimindo aqui? Está bem? Queremos dizer que é excelente. OK. Agora, o que realmente estamos construindo é que
estamos construindo uma condição
aqui que imprimirá mensagens diferentes dependendo de qual é
sua pontuação.
Está bem? Agora, digamos que eu queira ter uma mensagem que mostre um bom trabalho
se sua pontuação estiver acima de 75
e, se estiver acima de 50, você queira dizer que foi aprovado. Caso contrário, se for
menor que 50, melhor sorte na próxima vez,
algo assim Está bem? Então eu entendi isso.
Ok, eu entendi direito. Vou imprimir, vou imprimir excelente se a pontuação for
maior que 90, ok? Agora, aqui, quero
avaliar mais uma condição se a pontuação for
maior que 75, certo? Então, o que
eu vou fazer é pegar isso e aqui, vou adicionar essa condição.
Está bem? Então eu posso fazer isso. Isso é totalmente válido. E aqui, em vez de 90, posso ter 75 aqui. OK. E em vez de Oops Então, deixe-me copiar isso corretamente. OK. Então, eu posso contar isso
e dizer, bom trabalho. Algo parecido com
isso. OK. Agora, quero ter uma
condição que diga que, se a pontuação for maior que 50, preciso dizer que você passou. Então, vou colar aqui. E se a pontuação
for maior que, digamos, 50, posso
dizer que você passou. Algo parecido com isso.
OK. E digamos que se essa pontuação
for menor que 50, ok, você precisa dizer
mais sorte na próxima vez. Então, se essa pontuação não corresponder a
nenhuma dessas condições, preciso dizer aqui, e posso apenas dizer log de pontos
do console. Opa, eu só preciso do log de pontos
do console. OK. Então, vou pegar o log de pontos do
console e vou dizer melhor sorte na próxima vez. Tempo, algo assim. Está bem? Então, você pode ver aqui, na verdade,
estou encadeando
várias condições Essa é a condição número um, a condição número dois, a
condição número três, e então você tem o bloco
else. Tudo bem. Agora, se eu salvar isso, ok, você pode ver, um bom
trabalho é impresso. Ok, porque a pontuação é 75 e está de acordo com
essa condição. A pontuação é
maior que igual a 75. Está bem? Se for 80, você verá um bom
trabalho sendo impresso. Se for 95, você verá que é
excelente sendo impresso. Se for 51, você verá o
passe sendo impresso. E se for 44, digamos que você terá mais sorte na próxima
vez que for impresso. Está bem? Portanto, várias condições têm vários blocos de código, e vários blocos
de código estão sendo executados dependendo de
qual condição é verdadeira. Então isso é conhecido
como encadeamento, ok? Encadeamento se L for L. Ok, então você está realmente
encadeando as condições aqui para formar
uma espécie de cadeia
e, dependendo da condição,
a correta é executada Está bem? Agora, além do encadeamento, você também tem algo
chamado de Nested IL, ok Então, o que você pode fazer é,
digamos que eu tenha um aplicativo, ok? E dentro do
aplicativo para entrar, o usuário precisa
ter idade maior que 18 anos e também
precisa ter permissão. Está bem? Então, digamos que permissão seja apenas uma
bandeira agora, ok? Então, eu vou dizer que tem
permissão por aqui. É verdade por enquanto. Está bem?
É apenas um sinalizador e esse sinalizador está sendo
derivado de algumas condições
em nosso aplicativo. Está bem? E a idade, digamos, é 20, por exemplo. Portanto, em nosso aplicativo para entrar, precisamos ter idade maior que 18 anos e
também a permissão. Então eu vou dizer que se por aqui, eu vou dizer que a idade é
maior do que igual a Oops Portanto, é maior do que
igual a 18 aqui. OK. E então eu posso dizer, então essa condição é avaliada. Agora, se isso for verdade, preciso adicionar mais um
F aqui para verificar se ele tem permissão porque ele também precisa ter
permissão para entrar, certo? E então, se ele tiver,
posso dizer log de pontos do console, você tem permissão para entrar. Você pode dizer que tem permissão para entrar aqui.
Isso está feito. OK. Agora, aqui, você pode
até mesmo adicionar se aqui, e você pode adicionar uma lei de
console aqui. Você precisa de permissão para entrar. Permissão para entrar,
algo assim. Está bem? E você pode adicionar. Então esse é o
bloco I fora do bloco. Você também pode adicionar um bloco e colá-lo aqui. Você pode dizer que não
tem idade suficiente para entrar, algo
assim. Você pode ver. Então você pode ver
aqui que você tem permissão para entrar porque ambas
as condições são iguais. Se eu mudar isso para 17, você verá que não
tem idade suficiente para entrar. Mesmo que ele tenha uma permissão, ele não tem permissão
para entrar porque essa condição
em si está falhando. Portanto, essa condição interna não
é executada. Apenas pedimos que lhe
digamos que você não tem permissão para entrar ou que não tem idade suficiente
para entrar. Está bem? Agora, digamos que se ele tem
20 anos e se isso for falso, nesse caso,
você verá que precisa de permissão para entrar, porque mesmo que ele
corresponda à faixa etária, ele não tem permissão Então, o que você está fazendo é
aninhar, ok? Você está aninhando se Ls e
aninhando, o que significa que você está tendo uma condição if dentro de
outra aqui Agora, você pode até mesmo
simplificar isso aqui. Você pode simplificar
essa condição com a ajuda de operadores lógicos. Está bem? Então, o que você
pode fazer é usar os operadores e não este e os operadores
em tais condições. Está bem? Então, posso dizer que
vamos ser fim de semana. Digamos que temos um aplicativo
que monitora as férias e se podemos
relaxar hoje ou trabalhar hoje. Posso dizer que é feriado. Ok. E aqui, eu posso dizer força,
algo assim. Ok. Então eu posso dizer
que é fim de semana, ok? Então, se for fim de semana
e se for feriado, tudo bem, então eu preciso mostrar uma mensagem de que você
pode relaxar hoje. Está bem? Então você pode relaxar hoje. Agora, o que estamos fazendo
é você está, na verdade, verificando
duas variáveis aqui e usando o operador. Agora, a saída disso
é Boole in, certo? Portanto, a saída da
condição aqui deve ser booleana para que
a instrução F funcione bem, certo? E é isso que
estamos fazendo aqui e estamos tendo um bloco s, e podemos dizer que hoje é dia
útil. Está bem? É dia de trabalho. Algo parecido com isso, certo? Então você pode ver que você
pode relaxar hoje, e você pode ver aqui. Então, se eu disser que isso é falso, e se isso for falso, você verá que é dia útil. Está bem? Então, sim,
é assim que funciona. Você pode até mesmo usar e
operar aqui, ok? E você pode realmente ver
a saída aqui, ok? Esse é um exemplo. Tudo bem. Depois, há algo
chamado de operador ternário. Portanto,
você conhecerá um operador ternário, desculpe
, ponto de interrogação e Então, essas duas coisas dão a
você um operador ternário. Ok. Então, digamos que se eu
tiver um número aqui, e se o número
for sete, tudo bem, posso dizer que o resultado
aqui é igual a número, porcentagem, sete ou desculpe, não sete, dois aqui. E se isso for igual a zero
, direi que é par. Caso contrário, é estranho, ok? E eu posso simplesmente imprimir o registro de pontos
do console aqui. Ok. Então, aqui, eu posso dizer resultado. Você pode ver que é grama, certo? E se eu fizer oito, Opa. Então, se eu fizer oito,
vai ficar empatado aqui. Está bem? Agora, a mesma
condição que você pode até mesmo escrever com a
ajuda da declaração if, para que você possa dizer se está tudo bem. E qual é a condição?
Isso é uma condição, certo? Então você vai ter a
condição aqui. Ok. E então você precisa gostar de devolver isso ou atribuir isso ao resultado,
certo? Por aqui. O que vou fazer é
não atribuir isso, mas na verdade vou pegar o log de pontos do
console diretamente e obter um resultado. Opa. Então eu vou dizer resultado aqui e vou
dizer até aqui. Ok. Algo parecido com isso. OK. E se não for esse o caso, o que você pode
fazer é imprimir ou. Algo parecido com isso. Você pode ver até mesmo. Ok. Portanto, é a mesma condição realmente escrita com a
ajuda da declaração if. Mas, em alguns casos, operador
ternário fornece
uma sintaxe mais concisa Por exemplo, aqui, a condição é bem simples. Portanto, o operador ternário
parece muito mais conciso. Mas agora, se a
condição for muito complexa como essa
ou uma condição aninhada, é aconselhável que você não use o operador
ternário porque você acabará
cometendo um erro ou a pessoa
que está lendo o código não entenderá o
que está
acontecendo, não entenderá o
que está
acontecendo complexa como essa
ou uma condição aninhada,
é aconselhável que você
não use o operador
ternário porque
você acabará
cometendo um erro ou a pessoa
que está lendo o código não entenderá o
que está
acontecendo, certo?
Porque
não será legível Seria uma bagunça. Então,
para condições simples, operador
ternário é
aconselhável, ok Mas para os complexos, é claro, você precisa usar os “
ses” normais, certo? Então, isso é algo que
você deve estar ciente. Claro, você pode até mesmo mover
isso para funções, ok? Você pode até mesmo usar
IL em funções. Então, uh, então funcione. Então você pode dizer função,
verificação, até mesmo ímpar, algo assim aqui, e eu posso ter essa
condição aqui, ok? E o número acabou, certo? Então você receberá o número aqui. Tudo bem E você
pode chamar isso. Você pode dizer cheque,
mesmo que estranho, ok? E você pode passar em dez, por exemplo, dez é par. Você pode passar em 11. Você pode ver que 11 é estranho. Então, isso também é possível. Ok, você também pode ter Fs em funções. Você também pode usar ELs
com matrizes. OK. Deixe-me mostrar isso para
você. Está bem? Então, digamos que você tenha uma variedade
de frutas, ok? E você está comendo maçã, ok? Vou apenas criar
algumas frutas, banana. Ok. E digamos
laranja. Muito simples. Ok. Agora, digamos que eu queira conferir se é
meu favorito, ok? As frutas existem na matriz ou não. Ok. Então, digamos que
minha fruta favorita seja maçã, por exemplo. Ok. Então você pode
dizer se está tudo bem. Ok, 1 segundo,
deixe-me pegar esse modelo. Então você pode dizer se qual
é a condição? Se a fruta inclui, você
tem inclusões aqui. Ok. Se isso incluir
sua fruta favorita, ok? Então o que você pode fazer é entrar aqui, ok? Você pode dizer que eu vou dizer sim. Ok. Caso contrário, o que você pode fazer
é dizer log de
pontos do console aqui e aqui você pode dizer não. Ok, estou apenas imprimindo
um simples sim ou não. Você pode ter boas
mensagens, é claro. Então você pode ver sim aqui. Agora, digamos que, se é
morango, minha fruta favorita, então não está na lista Está bem? Então, é assim que você pode
usar matrizes com FLS Um direito? Você pode ter operações que
retornam um valor booleano e que podem ser avaliadas
em condições FLS Está bem? Você pode até mesmo
fazer isso com Objecs. Então, deixe-me mostrar um
exemplo aqui. Está bem? Então, digamos que eu
tenha um usuário aqui. Usuário. Tudo bem. Opa,
eu devo ser igual a. Ok. Dentro do usuário, digamos que
você tenha o nome de Alice Ok. Digamos que você
tenha seu administrador como falso. Está bem? Então, aqui, esse é
um valor booleano interno, como um atributo booleano Então você pode dizer que estou bem,
vou receber o modelo DL. Você pode dizer que o ponto do usuário é Admin. Está bem? Se ele for administrador, você pode dizer console
dot log aqui. Ok. E você pode
dizer, bem-vindo Admin. Tudo bem Isso é possível. Ok. Caso contrário,
o que você pode
fazer é vir
aqui e dizer:
Ah, você pode usar
modelos literais aqui Está bem? Você pode dizer usuário
dot n. Tudo bem. E então isso
precisa ser devolvido aos impostos. Está bem? Se você salvar isso,
você verá a bem-vinda Alice Está bem? Então, o usuário
EdminFals Então, você verá a bem-vinda, Alice. Se isso for verdade, bem-vindo
administrador. Tudo bem? Então, vou manter isso como falso
e daremos as boas-vindas à Alice. Está bem? Portanto, a declaração resumida de IL é uma das
estruturas de controle importantes no Jscript Está bem? Está embaixo, então
há categorias, ok? Então você tem uma estrutura de controle, o que significa que você está controlando como sua pista de código
é executada, certo? Então, se a declaração estiver
abaixo disso, ok? E é usado para execução
condicional, você pode ver aqui que estamos
executando o código Se você estiver usando
a instrução If, não
há garantia de que
o código será executado porque
dependeria da condição, certo? E os valores de valor
envolvidos aqui. Se você tem uma condição complexa,
não saberá, certo? Portanto, o ILS é muito fundamental. Você usará muito o FL, quer aprenda Javascript, reaja, tudo isso, certo? E existem várias
formas, como vimos. Você tem o básico: se com Ls, se estiver encadeado, tiver IL aninhado, poderá usar operadores
lógicos para criar condições mais
complexas Você também tem um
operador ternário, que é uma
versão abreviada da declaração FL Portanto, o operador ternário
costuma ser chamado de versão
abreviada da declaração Ok. E Is também pode
ser usado com funções, matrizes, objetos e
assim por diante. Tudo bem. Então, espero que você tenha certeza de
como
usar as decisões em seu código com a ajuda
de uma primeira declaração, e espero que tenha
sido muito útil.
3. Mudança de perspectivas: um mergulho profundo nas afirmações de mudança: Então, agora é hora de falarmos
sobre a declaração switch. Agora, vamos primeiro entender por que declaração
switch existe
em primeiro lugar. Agora, o problema é que,
quando você está lidando com várias
condições com ifs, pode
haver um problema de elas se tornarem um pouco mais longas
e difíceis de ler E esse é o caso
se você estiver fazendo uma avaliação de
condição na
mesma variável, certo? Portanto, ao lidar com várias condições para a
mesma variável, ela pode se tornar longa
e difícil de ler Onde a declaração switch
entra em cena, oferecendo uma alternativa mais limpa e
legível Tudo bem. Então, deixe-me dar um exemplo do que significam várias condições
na mesma variável. Então, dê uma olhada neste exemplo
aqui que eu adicionei. Aqui, eu tenho uma
variável chamada fruta. Estou avaliando essa variável, ok em várias condições e dando a saída
aqui, ok? Agora, se eu guardar isso, é claro, vou obter
a produção, pois as maçãs custam $2 por kg Está bem? Então, eu estou recebendo
o preço aqui. Mas as condições
são múltiplas, ok? Para uma ou duas condições, declaração de
IL é ótima, mas quando as condições
crescem assim, tudo bem, pode se tornar
difícil de gerenciar. E é aqui que a
declaração switch entra em cena. Então, como você escreve um interruptor? Então você pode dizer aqui, digamos que eu tenho, ok, aqui eu tenho frutas. Ok, vou criar
outro exemplo. Vou chamar isso de tipo de fruta. Então, a variável
mudará aqui. Vou ligar as frutas. OK. Então, na verdade, se você
digitar switch aqui, você tem esse modelo
que você pode selecionar. Está bem? Você pode ver a sintaxe adicionada
automaticamente aqui. Agora, as instruções switch
consistem em chaves e valores. Está bem? Então aqui você
pode ver essa chave. Então, o que é uma chave aqui? A chave é, na verdade, a expressão que eu desejo avaliar, certo? Então aqui, no meu caso, a expressão é tipo de fruta. Está bem? Portanto, esse tipo de fruta agora será
avaliado em vários casos. Então, o primeiro caso está aqui, Apple. OK. Então, eu posso dizer
maçã aqui. OK. E se for maçã, então o que eu quero
fazer eu quero imprimir nesta
declaração aqui. Está bem? Algo parecido com
isso. Tudo bem. Então, se o tipo de fruta for maçã, isso será executado neste caso porque é
um valor correspondente, ok? E ele imprimirá
isso no console. Está bem? Também posso replicar isso
para outras coisas Está bem? Então, por exemplo, eu posso
comê-lo para banana, certo. Então, aqui eu posso dizer que
isso é banana. Tudo bem. E eu posso ter o registro do console
aqui para banana. OK. Você pode ver. OK. Eu também posso fazer algo
semelhante com outras frutas. Então, vou adicionar isso. OK.
Opa. Recuo, eu errei com o recuo Tudo bem. Mas depois da
banana, vem a laranja. Vou dizer laranja
aqui e qual é a trava do
console para laranja? As laranjas Oge custam 1,5 dólar
por kg, como você pode ver. Está bem? Agora, o padrão
é a tecla padrão, quando nenhuma correspondência é encontrada, para que você possa imprimi-la. Está bem? Por aqui. OK. Algo parecido com isso. Tudo bem. Agora,
se você guardar isso, verá
que as maçãs
custam $2 por kg Se eu fizer isso como
morango, ok? Você vai se desculpar por
não termos essa fruta. Se eu disser laranja, opa, não aqui. Se eu disser OK. Então, se eu disser
morango, na verdade, eu mudo de
lugar errado, você
não deve mudar no local da caixa Me desculpe por isso,
mas será morango. Está bem? Se você salvar isso, verá, desculpe,
não temos essa fruta. Se você disser laranja, ok, laranjas custam 1,5 dólar por kg Está bem? Se você disser banana, a banana será
executada. Você pode ver. Então essa é uma alternativa melhor, eu diria, mais
fácil de ler, ok? E também é mais fácil de
gerenciar. Portanto, se você tiver mais casos
ou mais frutas sendo adicionadas, basta adicionar uma
declaração de caso. É mais fácil de ler. Mas aqui, se você
tiver várias condições, tudo bem, pode ser
complicado de ler Então esse é o benefício aqui. OK. Agora, você também pode ter
caído no Switch. Está bem? Então, deixe-me copiar tudo
isso. Eu virei até aqui. OK.
Eu vou te mostrar o fracasso. Está bem? Então eu vou dizer outono. Dois. E eu vou me livrar disso.
Na verdade, isso é duplicado Então, digamos que eu tenha
essa declaração de troca. Agora eu quero agrupar vários casos para executar
o mesmo bloco de código. Então, o que eu posso fazer é se
o tipo de fruta for maçã, então eu quero executar
esses dois casos. Então, o que eu faria é
remover a ruptura aqui. Está bem? Agora, se eu disser, OK, então deixe-me mudar isso também. Vou mover isso para uma
variável normal e, aqui, vou dizer que o tipo de fruta é
igual à maçã. OK. Agora, se eu guardar isso,
você verá que as maçãs custam $2 por kg e
as bananas custam $1 por kg Você está imprimindo os dois aqui. Se você disser banana, apenas
uma será impressa. Está bem? Então, por que ambos foram
impressos quando você disse Apple? Bem, o que está acontecendo é que aqui você não tem essa declaração de
interrupção. Portanto, quebrar uma
caixa de comutação é
responsável por quebrar o circuito aqui ou quebrar
a condição. Então, aqui, uma vez que isso é
executado, nesta parte, instrução
break não é contada e o controle não
vai para o próximo caso Em vez disso, ele
sai do switch. Então, o break é essencialmente usado
para sair do switch, certo? Portanto, se você pular o intervalo, ele também começará a executar
o próximo caso Se eu remover isso, ele
voltará e começará a executar
o próximo caso, você pode ver Ok, então essa é a
importância da pausa. E esse comportamento
aqui sem interrupção é conhecido como interruptor de queda. Está bem? Então, lembre-se disso se alguém perguntar ou se você
ler isso em qualquer lugar, ok? Isso é conhecido como queda
, omissão da pausa. Tudo bem? Agora,
você pode até mesmo ter um switch com expressões. Está bem? Então, deixe-me dizer que mude
com expressões. Está bem? Tudo bem. Eu cometi um
erro de ortografia aqui. Está bem? Então, digamos que eu
tenha um número aqui, que é inicializado para,
digamos, nove, tudo bem Agora você pode dizer
mude aqui. OK. Agora posso dizer que é verdade, porque essa expressão não
é verdadeira. OK. Então, agora o que você pode
fazer aqui é o caso. Você pode ter um número
menor que cinco. Então, se o número for
menor que cinco, ok, você dirá o log de
pontos do console aqui. OK. Aqui, você pode dizer que o número é menor que cinco,
algo assim. Está bem? Você pode ter algo
semelhante para oops Você pode ter algo semelhante
para esta parte aqui. OK. Então você pode dizer aqui que o número é
maior que igual a cinco e o número é menor que cinco. Oh, desculpe, o número não é menor que cinco,
é menor que dez. Então aqui você pode ver que
o número é 5-10. Então você pode ver que o número
é 5-10. Tudo bem. Dessa forma, você
também
pode usar expressões em declarações de caso, aqui. Agora, quero falar
sobre as diferenças entre switch em JavaScript, Pis em e Java. Tudo bem. Então, em Java, esses
exemplos que você está
vendo são semelhantes
aos que
examinamos em Java, ok? Então, em Java, também funciona
da mesma forma, ok? E em Java, os valores de maiúsculas e minúsculas
devem ser constantes. Como em enums ou strings de Digo. Mas no caso do JavaScript, ele pode ser de qualquer
tipo de dados, como strings, números, e pode até incluir expressões como as que
estamos vendo aqui, certo? E com relação
ao Python, ok? Portanto, o Python não tem uma instrução switch
tradicional, mas usa if Ls,
if, all right. Então
isso é alguma coisa. Na versão mais recente do Python, você também tem a chave de correspondência, que é uma construção
mais
poderosa do que a opção JavaScript Então, sim, é isso que é, e a sintaxe será muito mais parecida com as outras linguagens de
programação Mas uma coisa que você deve lembrar sobre o switch é
quando você deve usá-lo. Portanto, se você tiver
vários valores para comparar com uma única variável, como estamos
fazendo aqui, é melhor usar
switch porque eles também
são muito mais fáceis de
entender e escrever. exemplo, você cometerá menos erros e se alguém o ler, também será muito mais
fácil para eles. Espero que tenha sido útil e que você tenha
conseguido acompanhar.
4. Itere para inovar: aproveitando loops em JavaScript: Então, agora é hora de
começarmos a falar sobre os quatro loops em JavaScript. Agora, os quatro loops do JavaScript funcionam como qualquer outra
linguagem de programação, certo? Então, digamos que eu possa escrever
quatro declarações como esta. Você pode ver essa sintaxe que
foi preenchida, tudo bem. Agora você tem esse índice, que será como
um contador que o
ajudará a percorrer uma
lista de elementos, certo? Então eu posso ter eu
aqui como índice. OK. Eu posso começar do zero. Ok, então eu sou igual
a zero, e Opa. Então eu posso vir aqui, certo, e eu posso ter
menos de cinco aqui. OK. Digamos, digamos dez. Quero imprimir números de 0 a 9. Digamos que eu queira
imprimir dez números, certo? Eu tenho I plus plus, e posso simplesmente
vir aqui e dizer Console dot log aqui. OK. E eu posso mandar imprimir. Assim. Tudo bem. E se eu salvar isso,
você verá zero, um, dois, três até nove. Então, dez números estão
sendo impressos e, na verdade,
estamos usando
quatro voltas para o mesmo. Agora, se você tem uma
matriz, basicamente, quatro loops
também podem ser benéficos na iteração entre
as matrizes Então, se eu disser números
aqui, você pode ter um, dois, três, quatro, cinco,
seis, sete, oito. OK. Digamos que
temos oito números. Então, vou copiar isso, tudo bem. E aqui, posso
dizer números, comprimento de pontos. Isso é uma matriz, e temos essa
propriedade de comprimento junto com isso, ok? E você pode acessar
a matriz aqui. Então você pode dizer números em I. Se você salvar isso, você
verá um, dois, três, quatro ,
cinco, seis, sete
e oito aqui. Está bem? Então, temos essa
matriz sendo impressa. Agora, o que está acontecendo é que essa
é a parte de inicialização. Estamos inicializando
a variável. Essa é a
parte condicional em que estamos avaliando a condição de se os quatro loops devem
avançar ou E essa é a parte incremental. Então, primeiro, a
inicialização ocorre. Em seguida, a condição é avaliada. Então, zero é menor que o comprimento do ponto dos
números. OK. Então zero é
menor que oito aqui. O comprimento dessa
matriz é oito, certo? Então, o comprimento dos pontos dos números será oito porque
estamos tentando obter o comprimento das matrizes usando a
propriedade de comprimento, certo? Então, como é verdade,
entraremos e você imprimirá números
de zero, certo? Então, o que significa que um é impresso. Então você incrementa I e depois avalia
a condição novamente. E então você entra. Se a condição for verdadeira, você entra e executa isso. Dessa forma, esses
quatro loops continuam em execução até que a condição aqui se revele falsa,
correta, e o loop seja encerrado Está bem? Então é assim que
os quatro ciclos funcionam, e essa é a contrapartida Essa é a parte de inicialização e essa é a parte de incremento
e diminuição Portanto, a inicialização é
executada apenas no início
dos quatro ciclos Certo? Posteriormente, apenas
essas duas coisas determinarão se o loop deve ser executado
ou não. Tudo bem? Então, isso é cerca de quatro voltas, e você pode até mesmo
usar quatro voltas para imprimir ao contrário aqui. Então eu posso reverter.
Deixe-me copiar isso. Então, esse foi um loop
de impressão direta. Na verdade, posso fazer
isso como dez aqui. Eu posso reverter a condição de
que deveria ser maior que zero, e eu posso ter I menos menos Se eu salvar isso, ok, e deixar eu comentar isso para
que haja um pouco menos
de login na tela,
você pode ver aqui, 109-87-6543 21, Então, estamos invertendo
agora com a ajuda desses quatro loops, então isso está nos ajudando
a ir na ordem inversa, e você também pode fazer
o mesmo com a matriz, certo? Você pode imprimir ao contrário, imprimir matriz ao contrário. Isso é algo que
você pode fazer. Você pode até aninhar os quatro loops, ok. Então, vou comentar
isso aqui para que tenhamos um console mais limpo e possamos ver a
saída aqui. Então, digamos que eu tenha
essa matriz, o, e digamos que eu queira imprimir
uma matriz, mais ou menos, certo? Então, o que eu
faria é vir aqui. Eu também adicionaria um loop de
quatro aqui, ok. E vou apenas comentar isso. OK. O que eu faria é
começar do zero. Eu diria que sou menor que. Eu posso dizer, opa, desculpe, eu sou menor que, digamos dez, eu
mais, algo assim OK. Agora, eu vou dizer que eu sou igual
a zero aqui também, e esse loop interno corresponderá. Então, primeiro de tudo, precisamos mudar o nome da
variável aqui. Isso deveria ser J.
Ok. Isso também deveria ser J e isso
também deveria ser J. Ok? Então J até J é menor que I G mais,
algo assim. OK. E você pode imprimir
em J aqui. Assim. Se você salvar isso, você verá. Ok, então zero, um, zero, ok? Um, 20. Um, dois,
três e assim por diante. Então, na verdade, não o estamos imprimindo
no estilo de matriz, mas temos
quatro loops aninhados que estamos usando para iterar
pelas Está bem? Se você tem um
tipo de matriz, que é uma matriz de matrizes
, você pode
usar esse tipo de sintaxe para
iterá-la. Tudo bem? Então, isso é cerca de quatro
voltas. Essencialmente, quatro loops ou loops em geral são essencialmente
úteis quando você deseja repetir uma parte
específica do código várias vezes até que uma
condição seja satisfeita Então é aí que os
loops estão sendo usados, e quatro loops são uma espécie de Espero que tenha sido útil.
5. Repita para ter sucesso: domine loops “while” para controle dinâmico: Então, quando falamos sobre loops, também
temos algo chamado le loops ou I
loop, devo dizer Tudo bem. Agora, o que
é um loop de Ville? Então, o loop Vy é um tipo de
loop que executa um bloco de código ou um grupo de
instruções aqui Desde que a condição seja
avaliada como verdadeira. Então, quando a condição
se revela falsa, nesse caso, o
loop le é executado. Tudo bem. Então, deixe-me dar um
exemplo aqui de como um le loop funcionaria
em Java script. Então, digamos que você
tenha essa variável, ok, você pode ter
uma declaração Wile Qual você quer que seja a
condição? Então, digamos que eu
diria que tenho menos de cinco. Ok, eu posso dizer Console, log de
pontos aqui, e
eu posso imprimir se quiser. OK. E eu vou guardar isso. Outra coisa é que isso entra em um loop infinito, você
pode ver aqui. OK. Agora, isso não está certo, porque não há condição de
interrupção. O loop nunca é executado. O loop nunca é encerrado. Então você deve ter algum tipo
de condição aqui. OK. Digamos que eu
tenha essa condição, eu também preciso incrementar
o valor de I. E se eu salvar isso, ok, então o loop será encerrado Então, eu só preciso
quebrar isso agora. Agora você pode ver que
temos de zero a quatro impressos,
que são números finos. E da última vez que
entrou, agora, entrou em um loop infinito porque não precisávamos incrementar
a condição. Está bem? Então, essa é uma
sintaxe do loop y e de como ela é escrita
em JavaScript. Então, isso é sobre Wile Loop. É bem
direto e simples quando se trata de
Javascript, Espero que isso tenha sido útil.
6. Conclusão do curso: E isso nos leva ao
final desse curso incrível. Ao longo deste curso, você
aprendeu muito sobre como
tornar seu código muito mais inteligente para
que ele possa pensar, suas próprias decisões e responder
por toda parte, certo? Aprendemos conceitos como a declaração
if, quatro loops, também abordamos o switch e também falamos e vimos
exemplos do loop Wil Lembre-se de que dominar o fluxo de
controle é uma etapa crucial para se tornar
um desenvolvedor proficiente de
Ja As habilidades que
você desenvolveu aqui
permitirão que você escreva um código
mais dinâmico e eficiente à código
mais dinâmico e eficiente medida que avança e desenvolva
alguns projetos incríveis E isso abrirá portas para desafios de programação
ainda mais avançados para você. Eu o encorajaria a continuar utilizando esses conceitos
que você aprendeu na aula até agora em seus projetos que você
desenvolverá daqui para frente Porque aprender e praticar
são a chave aqui. Eu gostaria que você
agradecesse por ser um aluno
tão engajado e
incrível durante toda a aula Com esta aula, você encontrará um projeto de classe
na seção de projetos
deste curso específico, que eu o encorajaria a
concluir enviar
e compartilhar
com toda a turma. Isso ajudará você a
obter um
feedback incrível sobre seu projeto. Boa programação e boa sorte em sua
jornada contínua em JavaScript.
Faisal Memon, Product | Engineer | Entrepreneur
