Caso de clase 1: encuentre la suma acumulativa de todos los números enteros entre 1 y 100
Código de implementación:
var sum = 0;
for(var i = 1;i <= 100; i++){
sumNum += i;
}
console.log('1-100之间整数的和 = ' + sum);
Ejercicios de clase
Encuentra el promedio de todos los números
entre 1 y 100 Encuentra la suma de todos los números pares e impares entre 1 y 100 Encuentra la suma de todos los números entre 1 y
100 que son divisibles por 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// while循环案例
// 1. 打印人的一生，从1岁到100岁
var i = 1;
do {
console.log('这个人今年' + i + '岁了');
i++;
} while (i <= 100)
// 2. 计算 1 ~ 100 之间所有整数的和
var sum = 0;
var j = 1;
do {
sum += j;
j++;
} while (j <= 100)
console.log(sum);
// 3. 弹出一个提示框， 你爱我吗？ 如果输入我爱你，就提示结束，否则，一直询问。
do {
var message = prompt('你爱我吗?');
} while (message !== '我爱你')
alert('我也爱你啊');
</script>
</head>
<body>
</body>
</html>
do{sum+=j;j++;}while(j<=100)
do{var mensaje=prompt('Me amas');}while(mensaje!'Te amo');
do{var mensaje=prompt('Me amas');}while(mensaje!'Te quiero');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// break 退出整个循环
for (var i = 1; i <= 5; i++) {
if (i == 3) {
break;
}
console.log('我正在吃第' + i + '个包子');
}
</script>
</head>
<body>
</body>
</html>
Caso de clase 2: Encontrar las calificaciones de los estudiantes
El usuario debe ingresar el número de estudiantes en la clase, luego ingresar las calificaciones de cada estudiante por turno y finalmente imprimir las calificaciones totales y las calificaciones promedio de la clase.
Análisis de caso
Abra el cuadro de entrada para ingresar el número total de miembros de la clase (num)
y luego ingrese las calificaciones de los estudiantes (guarde el puntaje). En este momento, necesitamos usar un bucle for. El número de ventanas emergentes ups está relacionado con el número total de estudiantes en la clase Expresión condicional i <=
num Proceso de negocio: Calcular calificaciones. Primero encuentre el puntaje total (suma) y luego encuentre el puntaje promedio (promedio) para mostrar
el resultado.
var num = prompt('请输入班级总的人数:'); // num 班级总的人数
var sum = 0; // 总成绩
var average = 0; // 平均成绩
for (var i = 1; i <= num; i++) {
var score = prompt('请输入第' + i + '个学生的成绩');
sum = sum + parseFloat(score);
}
average = sum / num;
alert('班级总的成绩是：' + sum);
alert('班级总的平均成绩是：' + average);
Imprimiendo cinco estrellas
en una línea Agregamos cadenas para que podamos imprimirlas en la consola.
var star = '';
for (var i = 1; i <= 5; i++) {
star += '☆'
}
console.log(star);
Razonamiento
3.1 Descripción general de los bucles for dobles
En muchos casos, los bucles for de una sola capa no pueden satisfacer nuestras necesidades. Por ejemplo, queremos imprimir un gráfico con 5 filas y 5 columnas, imprimir un
triángulo rectángulo invertido, etc. puede lograr esto anidando bucles.
El anidamiento de bucles se refiere a la estructura gramatical de definir una sentencia de bucle en una sentencia de bucle. Por ejemplo, en una sentencia de bucle for, un bucle for se puede anidar de nuevo. Tal sentencia de bucle for se llama bucle for doble.
En una declaración de bucle, defina la estructura de sintaxis de una declaración de bucle,
3.2 Doble sintaxis de bucle for
for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
for (内循环的初始; 内循环的条件; 内循环的操作表达式) {
需执行的代码;
}
}
El ciclo interno puede considerarse como la instrucción del ciclo externo. El orden de ejecución del
ciclo interno también debe seguir el orden de ejecución del ciclo for. El
ciclo externo se ejecuta una vez y el ciclo interno se ejecuta todas las veces.
Núcleo: el ciclo
interno loop es responsable de imprimir cinco estrellas en una línea
La capa loop es responsable de imprimir
cinco filas de estrellas 3.4 Imprimiendo cinco filas y cinco columnas de estrellas
var star = '';
for (var j = 1; j <= 3; j++) {
for (var i = 1; i <= 3; i++) {
star += '☆'
}
// 每次满 5个星星 就 加一次换行
star += '\n'
}
console.log(star);
for(var j=1;j<=3;j++){ for(var i=1;i<=3;i++){ star+='1'}star+='\n'} Caso de clase 1: imprimir n líneas Estrellas de n columnas Pida al usuario que ingrese el número de filas y columnas, y luego imprima las estrellas del número de filas y columnas ingresadas por el usuario en la consola.
var row = prompt('请输入您打印几行星星:');
var col = prompt('请输入您打印几列星星:');
var str = '';
for (var i = 1; i <= row; i++) {
for (j = 1; j <= col; j++) {
str += '☆';
}
str += '\n';
}
console.log(str);
Caso de clase 2: Impresión de un análisis de caso de triángulo invertido
Hay 10 líneas en total, pero la cantidad de estrellas en cada línea es diferente, por lo que debe usar un bucle for doble
. El for externo controla la cantidad de líneas i. Después de 10 bucles, puede imprimir 10 líneas en la
capa interna. para controla la cantidad de estrellas en cada fila j
Algoritmo central: la cantidad de estrellas en cada fila j = i; j <= 10; j ++
Después de imprimir cada fila, necesita para renovar el
código de implementación
var row = prompt('请输入您打印几行星星:');
var col = prompt('请输入您打印几列星星:');
var str = '';
for (var i = 1; i <= row; i++) {
for (j = 1; j <= col; j++) {
str += '☆';
}
str += '\n';
}
console.log(str);
var str='';
for(var i=1;i<=huevas;i++){ for(j=1;j<=col;j++){tr+='#';}str+='\n';} console.log(str);} Razonamiento: Imprimir una clase de triángulo regular Caso 3: Imprimir la tabla de multiplicar nueve por nueve
Análisis del caso
Hay 9 líneas en total, pero el número de cada línea es diferente, por lo que es necesario usar un bucle for doble
. El bucle for externo controla el número de líneas i, se repite 9 veces y puede imprimir 9 líneas.
El bucle for interno controla la fórmula de cada línea
del algoritmo central j: el número de fórmulas en cada línea es exactamente el mismo que el número de líneas, j <= i;
después de imprimir cada línea, debe cambiarse a una nueva línea
y reemplace la fórmula con i y j
var str = ''
for (var i = 1; i <= 9; i++) {
// 外层for控制 行数 9行
for (var j = 1; j <= i; j++) {
// j 控制列数 列数和行数是一样的 j <= i
str += j + " × " + i + " = " + i * j + '\t';
}
str += '\n';
}
console.log(str);
3.5 resumen de bucle
for bucles pueden repetir parte del mismo código
bucles for pueden repetir código ligeramente diferente porque tenemos contadores
bucles pueden repetir ciertas operaciones, como operaciones de suma de operadores aritméticos a
medida que aumenta la demanda, duplicar bucles for pueden hacer más y más hermosos efectos
Duplica el ciclo for, el ciclo externo una vez y el ciclo for interno se ejecuta por completo.
El ciclo for es un ciclo que está directamente relacionado con la condición del ciclo y el número. El
análisis es más importante que escribir código.
Algunos algoritmos centrales son inesperados, pero usted tengo que aprender, analizar su proceso
de ejecución sacando inferencias de un caso, a menudo resumo, hago algunos casos similares
4. ciclo while La
declaración while puede ejecutar una parte específica de código en un ciclo bajo la premisa de que la expresión condicional es verdadera, hasta que la expresión no sea verdadera para finalizar el ciclo.
La sintaxis de la instrucción while es la siguiente:
while (条件表达式) {
// 循环体代码
}
Idea de ejecución:
ejecute primero la expresión condicional, si el resultado es verdadero, ejecute el código del cuerpo del bucle; si es falso, salga del bucle y ejecute el siguiente código
Ejecute el código del cuerpo
del bucle Después de ejecutar el código del cuerpo del bucle, el programa continúa juzgando y ejecutando la expresión condicional, si la condición sigue siendo verdadera, continuará ejecutando el cuerpo del ciclo hasta que la condición del ciclo sea falsa, todo el proceso del ciclo terminará
. Termina el ciclo si no es verdadero.
La sintaxis de la instrucción while es la siguiente:
while (条件表达式) {
// 循环体代码
}
Nota:
Al usar un ciclo while, debe prestar atención, debe tener una condición de salida, de lo contrario se convertirá en un ciclo infinito.La
diferencia entre un ciclo while y un ciclo for es que el ciclo while puede hacer juicios condicionales más complejos, como juzgar el nombre de usuario y la contraseña
usando el bucle while La diferencia con el bucle for es que el bucle while puede hacer juicios condicionales más complejos
Caso de clase 1:
Imprima la vida de una persona, de 1 a 100 años, y
calcule la suma de todos los números enteros entre 1 y 100.
Caso de clase 2: Pregunte lo que me ama
Aparece un cuadro emergente, ¿me amas? Si ingresa Te amo, el aviso finaliza, de lo contrario, sigue preguntando.
Estudio de caso Aparece un
cuadro de entrada que requiere la entrada del usuario.
Las condiciones de evaluación son más complicadas y usamos un bucle while.
La expresión condicional en la declaración del ciclo while seguirá repitiéndose mientras la entrada no sea Te amo.
5. bucle do while
La instrucción do...while es en realidad una variante de la instrucción while. El ciclo ejecutará el bloque de código una vez y luego juzgará la expresión condicional. Si la condición es verdadera, repetirá la ejecución del cuerpo del ciclo, de lo contrario, saldrá del ciclo.
La estructura de sintaxis de la instrucción do... while es la siguiente:
el ciclo ejecutará el bloque de código una vez y luego juzgará la expresión condicional. Si el campo es verdadero, el cuerpo del ciclo se ejecutará repetidamente,
do {
// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);
Idea de ejecución:
Ejecute primero el código del cuerpo del ciclo,
luego ejecute la expresión condicional. Si el resultado es verdadero, continúe ejecutando el código del cuerpo del ciclo. Si es falso, salga del ciclo y continúe con la ejecución del siguiente código
Nota: Ejecute el ciclo cuerpo primero, y luego juzgue, encontraremos que la declaración de ciclo do...while ejecutará el código del cuerpo del ciclo al menos una vez
Primero ejecute el cuerpo del ciclo, y luego juzgue, encontraremos que la declaración de ciclo do...while ejecutará el código del cuerpo del bucle al menos una vez
. Caso de clase 1:
Imprimir la vida de una persona, de 1 a 100 años.
Calcular la suma de todos los números enteros entre 1 y 100.
Caso de clase 2: Preguntar ¿Me amas?
Aparecerá un cuadro emergente, ¿Me amas? Si ingresa Te amo, el aviso finaliza, de lo contrario, sigue preguntando.
Estudio de caso Aparece un
cuadro de entrada que requiere la entrada del usuario.
Para juzgar la condición usamos un ciclo do...while.
La expresión condicional en la declaración de ciclo do... while seguirá repitiéndose mientras la entrada no sea Te amo.
do {
var love = prompt('你爱我吗？');
} while (love != '我爱你')
alert('登录成功');
do{ var love=rompt('¿Me amas?')}while(love!='Te amo') alert('Inicio de sesión exitoso');
Hay tres bucles en JS: for, while y do while
, que se pueden usar indistintamente en muchos casos.
Si se usa para contar la cantidad de veces, está relacionado con los números. Los tres son básicamente lo mismo, pero prefiero usar for
while y do...while Se pueden hacer condiciones de juicio más complejas, que son más flexibles que los bucles for .while
y do...while el orden de ejecución es diferente, while primero juzga y luego ejecuta, do... while se ejecuta una vez, y luego juzga y ejecuta
while y do...while los tiempos de ejecución son diferentes, do...while ejecutará el cuerpo del ciclo al menos una vez, y es posible que while no se ejecute una vez
. declaración más a menudo, que es más concisa e intuitiva, por lo que debemos centrarnos en aprender
while primero juzgar y luego ejecutar, y hacer...mientras primero ejecutar una vez Luego juzgar la ejecución,
hacer...mientras ejecutará el cuerpo del bucle al menos once, while puede no ejecutarse once,
while y do...while1 puede realizar condiciones de juicio más complejas, que son más flexibles que los bucles for
6.1 continuar palabra clave
La palabra clave continue se usa para salir inmediatamente de este ciclo y continuar con el siguiente ciclo (el código después de continuar en el cuerpo del ciclo se ejecutará una vez menos).
Por ejemplo, si come 5 bollos y el tercero tiene errores, deseche el tercero y continúe comiendo los bollos cuarto y quinto. El código se implementa de la siguiente manera:
la palabra clave continuar se usa para salir inmediatamente de este bucle. y continuar con el siguiente bucle. , el código después de continuar en el cuerpo de este bucle se ejecutará una vez menos
for (var i = 1; i <= 5; i++) {
if (i == 3) {
console.log('这个包子有虫子，扔掉');
continue; // 跳出本次循环，跳出的是第3次循环
}
console.log('我正在吃第' + i + '个包子呢');
}
La palabra clave break se utiliza para salir inmediatamente del bucle completo (final del bucle).
Por ejemplo, come 5 bollos, come el tercero y descubre que tiene la mitad de errores, y no comas el resto. El código se implementa de la siguiente manera:
La palabra clave break se usa para saltar inmediatamente del bucle completo, el final del bucle. La
palabra clave break se usa para saltar inmediatamente del bucle completo, el bucle termina.
for (var i = 1; i <= 5; i++) {
if (i == 3) {
break; // 直接退出整个for 循环，跳到整个for下面的语句
}
console.log('我正在吃第' + i + '个包子呢');
}
for(var i=1;i<=5;i++){ if(i
3){break}console.log('Estoy comiendo '+i+' bollos');}
if(i3){break;}
console.log('Me estoy comiendo el bollo '+i+')];
La palabra clave break se usa para saltar inmediatamente fuera del bucle completo, y la
palabra clave break end del bucle se usa para saltar inmediatamente fuera de todo el bucle, el bucle termina
La palabra clave break se usa para saltar inmediatamente fuera de todo el bucle, el bucle termina
Convención de nomenclatura de JavaScript y formato de sintaxis
Ser capaz de conocer las reglas de convención de nomenclatura
en JS Ser capaz de escribir código JS estándar
- Convención de nomenclatura de identificadores
Los nombres de variables y funciones deben ser significativos
Los nombres de variables generalmente usan sustantivos
y los nombres de funciones generalmente usan verbos - especificación del operador
// 操作符的左右两侧各保留一个空格
for (var i = 1; i <= 5; i++) {
if (i == 3) {
break; // 直接退出整个 for 循环，跳到整个for循环下面的语句
}
console.log('我正在吃第' + i + '个包子呢');
}
for(var i=1;i<=5;i++)[
if(i==3){break;}console.log('Me estoy comiendo el bollo '+i+'');}
3. Línea única especificación de comentarios
for (var i = 1; i <= 5; i++) {
if (i == 3) {
break; // 单行注释前面注意有个空格
}
console.log('我正在吃第' + i + '个包子呢');
}
for(var i=1;i<=5;i++){ if(i==3){break;}console.log('Me estoy comiendo el bollo '+i+'); 4. Otras especificaciones
Control de flujo de JavaScript: bucle (trabajo)
- Encuentra la suma y el promedio de todos los números entre 1 y 100
- Encuentra la suma de todos los números pares entre 1-100
- Encuentra la suma de múltiplos de 7 dentro de 100
- Úselo para bucle para imprimir rectángulos, solo se requiere una
salida
a
la
vez - Use for loop para imprimir triángulos
☆
☆☆
☆☆☆
☆☆☆☆
☆☆☆☆☆
Tarea
6. Use el bucle for para imprimir la tabla de multiplicar del 99.
7. Reciba el nombre de usuario y la contraseña ingresados por el usuario. Si el nombre de usuario es "admin" y la contraseña es "123456", se le pedirá al usuario que inicie sesión de lo contrario, deje que el usuario siga ingresando.
8. Encuentre el valor acumulativo de los números enteros del 1 al 100, pero omita todos los números cuyo dígito de unidades sea 3 [implementado con continuar].
Proyecto de grupo: cajero automático simple
Hay 100 dólares en él.
Si ahorra dinero, use primero el monto ingresado más el monto que depositó y luego abra el cuadro de aviso de saldo
. Si retira dinero, reste el monto retirado y luego abra el cuadro de aviso de saldo
. Si se muestra el saldo, salida el saldo
Si sale, aparecerá el cuadro de aviso de información de salida