vezes
temos que controlar a ordem de execução do código para alcançar as funções que queremos completar.
: o controle de fluxo serve para nos controlar em que ordem o código escrito deve ser executado para atingir nosso propósito.
Existem três estruturas principais no controle de processos: estrutura sequencial, estrutura de ramificação e estrutura de loop. Essas três estruturas representam a ordem de execução do código.
A estrutura sequencial é o controle de processo mais simples e básico do programa. Os códigos que escrevemos antes pertencem todos à estrutura sequencial (ou seja, executado de cima para baixo). ordem do código.Em ordem,
. No processo de execução do código de cima para baixo, diferentes códigos de caminho são executados de acordo com diferentes condições (o processo de seleção de um dos vários códigos de execução), obtendo-se assim. resultados diferentes.
1.21 A linguagem js fornece duas estruturas de ramificação Instrução
// Execute o código se a condição for verdadeira, caso contrário, não faça nada
if (expressão condicional) {
//Linguagem de código para execução quando a condição é estabelecida == Executar somente quando a expressão condicional for verdadeira
}
Uma instrução pode ser entendida como um comportamento. Instruções de loop e instruções de ramificação são instruções típicas. , será dividido em
Demonstração do código
de instrução um por umvar age=19;
if(idade>=18){
console.log('Você é adulto');
//Saída que você já é adulto, pois idade=19;, se for maior que 18, será executada a instrução do if }
var idade=1;
if(idade>=18){
console.log('Você é adulto');
//Não gera nada. age=1;<18, a instrução no if não será executada, portanto não há processo de execução
}
estrutura de sintaxe
//Se a condição for estabelecida, execute o código em if, caso contrário, execute o código em else
if (expressão condicional) {
//Código a ser executado que atende às condições
}else{
//Código que não atende às condições de execução
}
Processo de execução
Demonstração do código
var age=prompt('Insira sua idade');//Entrada do usuário if(age>=18){
console.log('Você pode beber agora');
}outro{
console.log('Desculpe, menores de idade só podem beber cálcio AD');
}
//Julgue se o ano é um ano corrido var year=prompt('Por favor, insira o ano:');
if(ano%4==0&&ano%100!=0||ano%400==0){
alert('O ano que você digitou é bissexto');
}outro{
alert('O ano que você digitou é um ano normal');
} estrutura de sintaxe
// Adequado para verificar múltiplas condições
if (expressão condicional) {
Instrução 1;
}else if(expressão condicional){
Instrução 2;
}else if(expressão condicional){
Declaração 3;
…
}else{
//Executa este código se as condições acima não forem atendidas
}
Controle de processo
Demonstração de código
//Mini calculadora: insira dois números e símbolos de operação para obter o correspondente
var yi = +prompt('Por favor, insira o primeiro número'); //Por favor, use adição, subtração, multiplicação e divisão para converter implicitamente para o tipo numérico ou use inteiros praseInt (variável) ou parsefloat (variável) e números de ponto flutuante var fuhao = prompt( 'Por favor, insira o operador');
var er = +prompt('Digite o segundo número');
if (fuhao == '+') {
var shu = yi + er;
} else if (fuhao == '-') {
var shu = yi - er;
} else if (fuhao == '/') {
var shu = yi/er;
} else if (fuhao == '*') {
var shu = yi * er;
} else if (fuhao == '%') {
var shu = yi% er;
} outro {
alert('Digite conforme solicitado:');
}
alert(shu); instrução
switch também é uma instrução de várias ramificações. Ela é usada para executar códigos diferentes com base em condições diferentes.
expressão) {
case valor1:
//O código a ser executado quando a expressão for igual ao valor1
break;
case valor2:
//
O código a serexecutado
quando a expressão for igual ao valor2
break;
não é igual a nenhum valor
}
Controle de processo
Demonstração de código
var fruta =prompt('Insira a fruta que deseja comprar:');
mudar(fruta){
caso 'maçã':
alert('O preço das maçãs é: 3,5/catty');
quebrar;
caso 'lichia':
alert('O preço das lichias é: 10,5/jin');
quebrar;
padrão:
alert('Sem fruta');
} Observe
A diferença entre a instrução switch e a instrução if else
Em
geral, as duas instruções podem ser convertidas uma na outra.
a situação em que o caso é uma comparação para determinar o valor, enquanto a instrução if...else... é mais flexível, frequentemente usada para julgamento de intervalo (maior que, igual a um determinado intervalo)
. executa diretamente a instrução condicional do programa, que é mais eficiente. No entanto, as instruções if...else...têm várias condições e devem ser julgadas várias vezes.
Quando há menos ramificações, a eficiência de execução da instrução if...else... é maior do que a da instrução switch.
Quando há muitas ramificações, a eficiência de execução da instrução switch é maior e a estrutura é mais clara.
,
em problemas práticos, existem muitas regularidades, portanto, para realizar tais operações no programa, você deve executar repetidamente determinadas instruções em
Js
instruções de loop:
no programa, um grupo de instruções que são executadas repetidamente é chamado de corpo do loop. Se ele pode continuar a ser executado repetidamente, depende das condições para. terminação de loop
A instrução composta pelo corpo do loop e pela condição de terminação do loop é chamada de instrução de loop.
Aestrutura de sintaxe
do loop for é usada principalmente para repetir determinado código várias vezes, geralmente relacionado à contagem. A estrutura da instrução é a seguinte
para (variável de inicialização; expressão condicional; expressão de operação) {
//Corpo do loop
}
controle de processo
Demonstração de código
para (var i=1;i<=10;i++){
console.log('Você gosta de mim?');
}//Calcule a pontuação total da turma e a pontuação média var num = prompt('Por favor, insira o número total de pessoas na turma')
var soma = 0,
média = 0;
for (var i = 1; i <= num; i++) {
var score = prompt('Insira a pontuação do aluno ' + i + '')
//Os dados obtidos do prompt são uma string e precisam ser convertidos em uma soma numérica += parseInt(score);
}
média = soma / num;
alert('Pontuação total da turma:' + soma);
alert('Pontuação média da turma:' + soma); //Imprime 5 corações em uma linha for (var i=0;i<=4;i++){
console.log('*');
} Loop for de camada dupla (aninhamento de loop)
O aninhamento de loop refere-se à estrutura gramatical de definição de uma instrução de loop dentro de uma instrução de loop. Por exemplo, aninhar um loop for dentro de um loop for Chamamos essa instrução de loop for de camada dupla. loop
Chamamos o loop interno de loop interno, e o loop externo de loop externo. O
loop externo faz um loop uma vez e o loop interno é executado do início ao fim.
Demonstração de código
// Nível baixo: 5 linhas e 5 colunas var str. ='';
para (var i=0;i<=4;i++){
para (var j=0;j<=4;j++){
str+='*';
}
str+='n';
}
console.log(str);
//Avançado: n linhas en colunas var rows = prompt('Por favor, insira o número de linhas:');
var cols = prompt('Digite o número de colunas');
varstr='';
for (var i = 1; i <= linhas; i++) {
for (var j = 1; j <= colunas; j++) {
str+='*';
}
str+='n';
}
console.log(str);
//Imprime o triângulo invertido var str='';
para (var i=1;i<=10;i++){
para (var j=i;j<=10;j++){
str+='*';
}
str+='n';
}
console.log(str);
/* 1 ********** 10
2*********9
3 ********8
4*******7
5******6
6 ***** 5
7****4
8***3
9**2
10 *1 *///Algoritmo principal: var j=i;j<=10;j++//Ideia: primeiro analise os resultados e observe a relação entre linhas e colunas. Em seguida, determine o algoritmo do loop interno // imprima um triângulo equilátero, a mesma ideia acima.
varstr='';
para (var i=1;i<=9;i++){
para (var j=1;j<=i;j++){
str+='*';
}
str+='n';
}
console.log(str);//Para imprimir a tabuada, substitua o asterisco do triângulo equilátero pela equação var str = '';
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
/*str+='*';
str += i + '*' + i + '=' + i * j + ' t';
}
str += 'n';
}
console.log(str);//Lembre-se o loop externo faz um loop uma vez e o loop interno é executado do início ao fim. Ele apenas imprime a essência dos loops
for
.while loop
A instrução while pode executar um trecho de código especificado em um loop sob a premissa de que a expressão condicional é verdadeira, até que a expressão seja verdadeira. não atender à condição, o loop termina
.A estrutura de sintaxe da instrução
while while (expressão condicional) {.
//Instrução do corpo do loop;
}
Ideia de execução:
primeiro execute a expressão condicional, se a condição for verdadeira, depois execute o código do corpo do loop, caso contrário, saia do loop e execute o código a seguir
para executar o
código do corpo do loop. o código for executado, o programa continuará a julgar e executar a expressão condicional. Se a condição ainda for verdadeira, continue a executar o corpo do loop. Todo o processo do corpo do loop não terminará até que a condição do loop seja falsa
. do seguinte modo
Demonstração de código
var num=1; //Inicializar variáveis while(num<=10){//Expressão condicional console.log('Hello world');
num++;//Expressão de operação } Nota:
Há também uma expressão de operação em while para completar a atualização do contador e evitar um loop infinito (não adicionei uma expressão de operação, mas quando executei o código, a interface do Google Chrome foi preto).
Também deve haver variáveis de inicialização de contador nele.
O loop while pode ser equivalente ao loop for até certo ponto. Você só precisa colocar as variáveis inicializadas, expressões condicionais e expressões de operação no loop for. .
Demonstração do código
//Imprime a vida de uma pessoa, de 1 ano a 120 anos var idade = 1;
enquanto (idade <= 120) {
console.log('Esta pessoa tem este ano' + idade + 'anos');
idade++;
}
//2. Calcula a soma de todos os números inteiros entre 1 e 100 var sum = 0,
eu = 1;
enquanto (eu <= 100) {
soma += eu;
eu++;
}
console.log(soma);
//3. Abra uma caixa de diálogo, você me ama? Se você digitar eu te amo, será solicitado o final, caso contrário, continuará perguntando var message='Do you love me';
while(mensagem!=='Eu te amo'){
mensagem=prompt('Você me ama?');
}
alert('Eu também te amo'); do...while loop
do...while instrução é na verdade uma variante da instrução while. Este loop executará primeiro o bloco de código uma vez e, em seguida, julgará a expressão condicional. for true , o corpo do loop será executado repetidamente, caso contrário, ele sairá do loop
do... A estrutura de sintaxe da instrução while é a seguinte
do {
//Código do corpo do loop - Repita o código do corpo do loop quando a expressão condicional for verdadeira
}
Idéia de execução:
execute o código do corpo do loop uma vez
e, em seguida, execute a expressão condicional. Se o resultado for verdadeiro, continue a executar o código do corpo do loop. é falso, então saia do loop e continue executando o seguinte código.
Nota: execute a instrução do corpo do loop primeiro e depois julgue. Descobriremos que a instrução do loop do...while executará o corpo do loop pelo menos uma vez.
controle de processo
Demonstração do código
//Imprime a vida de uma pessoa, de 1 a 120 anos var idade = 1;
fazer {
console.log('Esta pessoa tem este ano' + idade + 'anos');
idade++;
} while (idade <= 120);
//2. Calcula a soma de todos os números inteiros entre 1 e 100 var sum = 0,
eu = 1;
fazer {
soma += eu;
eu++;
} enquanto (eu <= 100)
console.log(soma);
//3. Abra uma caixa de diálogo, você me ama? Se você digitar eu te amo, será solicitado o final, caso contrário, continuará perguntando var message = 'Você me ama';
fazer {
mensagem = prompt('Você me ama?');
} while (mensagem! == 'Eu te amo');
alert('Eu também te amo'); Resumo dos Loops
:a continuação é A palavra é usada para sair deste loop imediatamente e continuar o. próximo loop (o código após continuar no corpo deste loop será executado menos uma vez).
Por exemplo: Se você comer 5 pães e houver insetos no terceiro pão, jogue fora o terceiro pão e continue comendo o quarto e o quinto pão.
Demonstração do código
para (var i = 1; i <= 5; i++) {.
se (eu == 3) {
continuar;
}
console.log('Comi o ' + i + 'º pãozinho');
}
Resultado: // comi o 1º pão // comi o 2º pão // comi o 4º pão // comi o 5º pão palavra -chave
break A palavra-chave break é usada para saltar imediatamente de todo o loop (fim do ciclo)
Por exemplo: Depois de comer cinco pães, encontrei uma minhoca no terceiro e perdi o apetite.
Exemplo de código
para (var i = 1; i <= 5; i++) {
se (eu == 3) {
quebrar;
}
console.log('Comi o ' + i + 'º pãozinho');
}
Resultado; //Comi o primeiro pãozinho no vapor //Comi o segundo pãozinho no vapor identificador gramatical variáveis de convenção de nomenclatura
, o nome da função deve ser significativo, o nome da variável geralmente é um substantivo, o nome da função geralmente éum comentário de linha única
para (var i = 1; i <= 5; i++) {
se (eu == 3) {
continue; //Observe que há um espaço antes do comentário de linha única }
console.log('Comi o ' + i + 'º pãozinho');
} Especificação do operador
//Reserve um espaço nos lados esquerdo e direito do operador para (var i = 1; i <= 5; i++) {
se (eu == 3) {
quebrar;
}
console.log('Comi o ' + i + 'º pãozinho');
}