Lección número 5.
Si los operadores de sucursales en JavaScript

Operadores de sucursales Diseñado para garantizar que el programa pueda ejecutar este o ese bloque de código, dependiendo de la fidelidad de las condiciones verdaderas o no fieles a las condiciones falsas.

Operadores de ramificación Hay cinco especies, en esta lección, veremos dos de ellos:
- Operador de sucursales si
- Operador de sucursales si es el otro

Ejecuta el código si la condición devuelve verdadera.

Como condición, generalmente se realizan operadores de ramificación, comparación o operaciones lógicas.

El esquema del operador de rama de IF es el siguiente:

Si (condición) (el código comienza si la condición devuelve verdadera)

Damos un ejemplo con un operador de rama de IF:

// crear dos variables vario numone; var numperto; // Asignar variables numone \u003d 5; numperto \u003d 3; If (numone\u003e numTwo) (alerta ("condición devuelta");)

En el guión, creamos dos variables Numone y NumTwo, les asignaron valores numéricos 5 y 3.

Luego, se creó un operador de sucursales si, que compara los valores de dos variables. Si la operación de comparación devuelve VERDADERO, el código iniciará el código ubicado entre los soportes rizados. En nuestro caso, la ventana aparecerá con el mensaje, la condición devuelta VERDADERA. Si la operación de comparación regresa false, entonces no pasa nada.

Doble capas //, son comentarios. Después de una doble barra, puede escribir cualquier texto, el intérprete de idioma JavaScript, lo percibirá como un comentario y no será procesado. Como recordamos, en idiomas y también puede crear comentarios.

Operador de sucursales si ellosEstá diseñado para iniciar un bloque de código, dependiendo del valor que devuelve la condición: verdadero o falso

El esquema del operador de SI MOSS RAVE es el siguiente:

If (condición) (el código comienza si la condición devuelve verdadera) otra cosa (el código comenzará si la condición devuelve falso)

Damos un ejemplo con el operador de la sucursal si no:

Bar numone; var numperto; numone \u003d 5; numperto \u003d 3; If (numone\u003e numTwo) (alerta ("condición devuelta");) otra cosa (alerta ("Condición devuelta False");)

Asigne la variable NUMTWO, el número es mayor que 5, por ejemplo, 7, entonces la condición devuelve False y la ventana aparecerá con la condición, la condición devuelta False.

Volvamos a nuestras liebres.

Recuerde la tarea sobre Zaitsev y Mazaya desde el último capítulo.
Sin el uso de condiciones y acciones realizadas (o no ejecutadas)
dependiendo de las condiciones, calcule el número de liebres en el último
el barco no será fácil.

Agregue una ramificación de LOSTBRABBBIT a la munas:

Var Lastboatrabbits \u003d. función (TotalRabbits)(Si (TotalRabbits \u003d\u003d\u003d 0) (// devuelva 0;) otra cosa (VAR Retrabajos \u003d totalRabbits% 6; if (Retrabbits \u003d\u003d\u003d 0) (/ / regresa 6;) otra cosa (devolución de restricciones;)));

Entonces, si no hay liebres en el río, el último barco no traerá a nadie (de hecho, regresará casi de inmediato, porque el abuelo definitivamente sabrá que no hay liebres en el río).

Y si el número de liebres en el río es más 6, entonces este último será un barco completamente cargado por las liebres.

¿Qué más podría mejorarse en este programa? Yo usaría una variable separada,
almacenar el número de liebres colocadas en el barco, en caso de agradecido
las liebres le darán un bote grande con un bote grande. Me gusta de repente.

función (TotalRabbits)(Si (TotalRabbits \u003d\u003d\u003d 0) (devuelva 0;) otra cosa (VAR Retrabajos \u003d TotalRabbits% Boatcapacity; if (Retrabbits \u003d\u003d\u003d 0) (devuelva el barcoCapacidad;) otra cosa (devolución de restricción)));

Ramificación de sintaxis

La ramificación puede tener una parte que se ejecuta si la condición es incorrecta
y puede que no lo tenga:

// opción con dos ramas: if (Rainisfalling) (Stayome (); // Si Rainisfalling \u003d\u003d True, esta parte se realiza. ) Otra cosa (Walkinapark (); // De lo contrario esta parte se realiza } // opción con una sucursal: if (MusicSisplaying) (Dance ();) // si MusicSisplaying \u003d\u003d False, la ejecución del programa simplemente continúa

Condiciones

Como condición en Si, puede aparecer una expresión de una comparación de dos números o líneas.
usando operaciones \u003d\u003d,\u003e,< , >= , <= , != и === , любая переменная, которой
se le asignó un valor lógico y simplemente cualquier valor como resultado del trabajo
Si se reducirá a un valor lógico.

Ejemplos de comparación:

10\u003e 5 // \u003d\u003e verdadero 11< 6 // => Falso 5\u003e \u003d 5 // \u003d\u003e True 3! \u003d 3 // \u003d\u003e FALSO "ABC" \u003d\u003d "ABC" // \u003d\u003e True "ABC" \u003d\u003d\u003d "ABC" // \u003d\u003e True

Variables como condición:

Condición de var \u003d 10\u003e 5; If (consola .log ("10\u003e 5"); // será ejecutado }

Operaciones lógicas en términos

Varias expresiones que devuelven un valor lógico (o lógico)
puede combinar con operaciones lógicas. Tales operaciones se llaman:
lógico y &&, lógico o || y denegación lógica! .

Verdad verdad; // \u003d\u003e verdadero falso || falso; // \u003d\u003e falso! Falso; // \u003d\u003e verdadero

Lógico y devuelve verdadero solo si es verdad desde ambos lados
lógico o devuelve falso solo si es falso de ambos lados.
La denegación devuelve falso por verdadero y, por el contrario, cierto para falso.

Según las reglas de JavaScript, los valores de 0, nulos e indefinidos se dan a falsos.
Sin embargo, obteniendo el resultado && obtendremos el primer valor integral que
causado a FALSO, y obteniendo el resultado || - el primer valor integral
que se da a la verdad:

0 && verdadero; // \u003d\u003e 0 6 || 7 || falso; // \u003d\u003e 6! 0; // \u003d\u003e verdadero

Por lo tanto, la función que devuelve el número de liebres en el último barco podría ser reescrito, por lo que:

var barcocapacidad \u003d 6; Var Lastboatrabbits \u003d. función (TotalRabbits)(Devolver TotalRabbits && (TotalRabbits% Boatcapacity || Boatcapacity););

Tareas

1. Escriba la función FIZZBBUZZ que acepte el número y:
   • Para números, tres tres, devuelve "Fizz"
   • Para números, cinco cinco, vuelve "Buzz"
   • Para números, múltiples quince (al mismo tiempo, tres y cinco), devuelve "Fizzbuzz"
   • En otros casos, devuelve el número original.
2. Escriba una expresión de Igotonhort que acepte el parámetro número y determina si el número es adecuado para nosotros. El número es adecuado si es mayor que 10, menos de 30 veces 7 veces 7.

Buenos días. En contacto, Alexey Gulein. En el último artículo nos desmontamos. creación de ciclos en JavaScript . En este artículo me gustaría contar operador Condicional en JavaScript. En general, toda la programación consiste en condiciones, y en todos los idiomas de programación (Javascript no ha excedido) hay un concepto de un operador condicional. El significado del operador condicional. Es que si se realiza la condición, entonces estas acciones se realizan si no se realiza, entonces realice otras acciones. El esquema general del operador condicional se ve así:

If (condición) (// bloque de operadores); Otra cosa (// bloque de operadores)

Vamos a escribir de inmediato cualquier ejemplo: Solicitaremos el número de un usuario y, si es así, la salida "Este es un número par", si no - "Esto es un extraño":

Si marca este código, verá que todo funciona. Ahora te mostraré lo importante. sintaxis en JavaScript. Retire el letrero ";" Antes de lo demás y el código dejará de funcionar de inmediato. Por lo tanto, siempre tenga cuidado. En uno de los siguientes artículos, diré. cómo atrapar errores en JavaScript.
Un operador condicional puede insertar en otro. Agreguemos la verificación de que el usuario ha realizado el número "0".

Ahora te mostraré cómo verificar varias condiciones. Hay un concepto de este tipo como un lógico "y" (denotado por los símbolos &&). También hay un concepto. lógico "o" (denotado por símbolos ||). Prioridad en lógica "y" más alta, es decir,. Primero, revise esta condición y luego revise lo lógico "o".
Analicemos un ejemplo de este ejemplo: creemos un número aleatorio de 1 a 10. Es necesario emitir la frase "el número deseado \u003d" y el número en sí mismo, si este número no es igual a 6 y más de 5 o más de 5 o más. 1 , pero menos de 4:

En este caso, los números deseados son: 2,3,7,8,9,10. Otros números no cumplen con la condición.
También quiero llamar su atención al operador "! \u003d", Que significa "no igual". Finalmente, al redactar las condiciones, siempre preste atención al diseño de los paréntesis. La mayoría de los errores están asociados con su arreglo incorrecto.

Si la programación siempre sería lineal, entonces probablemente no lo sería. Después de todo, en casi cualquier programa, hay varias ramas, que dependen de ciertos factores externos o internos. Estas son tales ramas se crean usando operadores condicionalesque en este artículo te lo diré.

Forma general operador Condicional en JavaScript semejante:

If (condición) (
// Bloque de operadores
}
dEMÁS (
// Bloque de operadores
}

Primero va la palabra clave siEso le dice al navegador, que es otro operador condicional. Dentro de los corchetes indica una condición que, en consecuencia, devuelve cierto. o falso. Si la expresión entre paréntesis era cierto. (cierto), entonces se realiza el primer bloque de operadores si la condición falso (falso), luego un bloque de operadores en dEMÁS.. También bloque dEMÁS. No es obligatorio, y luego daré tal ejemplo.

Vamos a practicar ahora en la práctica. Decidemos tal tarea: el usuario ingresa al número, y mostramos un informe, más o menos 5 .

si (x.< 5) alert ("Введённое число меньше пяти");

Analizaremos este ejemplo. Primera cadena que llamamos una función inmediato.que muestra la ventana que le pide que ingrese un número. Además, el usuario ingresa al número que está escrito en la variable x.. Y luego hay una condición que traduzco así: Si X es menor que 5, luego muestre un mensaje: "El número insertado es menor que cinco", de lo contrario, visualice el mensaje "ingresado número más de cinco". Expresión x.< 5 Devuelve ya sea cierto. ( < 5 ) o falso (x\u003e \u003d 5). También tenga en cuenta que no utilizamos soportes rizados. ¿Por qué? Porque usamos solo un operador (función alerta ()). En principio, podemos entregarlos, y nada cambiará, sin embargo, aquí serán superfluos.

Sin embargo, nuestra tarea contiene un error significativo. Si el usuario entra " 5 ", tenemos un mensaje" El número ingresó más de cinco."Sin embargo, esto no es del todo correcto. Por lo tanto, transformemos la condición de esta manera:

Si (x.< 5) alert ("Введённое число меньше пяти");
dEMÁS.
if (x \u003d\u003d 5) alerta ("Ha ingresado cinco");
Else alerta (el número ingresado es más de cinco ");

Como puedes ver bloque dEMÁS. En la primera condición transformada. En bloque dEMÁS. Comprobado por la igualdad x y 5. Y, en su caso, se muestra el mensaje correspondiente, de lo contrario se muestra que el número es mayor que cinco. Es decir, la condición dentro de la condición es completamente normal. También tenga en cuenta que todavía no puse los frenos, porque if-mas Este es un operador. Y cuando solo un operador, la presencia de soportes es opcional.

Discernamos otro ejemplo. Crear una variable que sea cierto.Si el número ingresado es positivo y falsoSi el número es negativo.

Var x \u003d Solicitud ("Ingrese el número");
var positiva \u003d verdadero;
si (x.< 0) positive = false;
alerta (positiva);

Este ejemplo utiliza un ejemplo clásico cuando tomamos una variable y asignamos el valor predeterminado. Y si es necesario, cambio. En este caso, cambiamos el valor predeterminado si el número es negativo. Sin embargo, este ejemplo podría ser escrito más hermoso:

Var x \u003d Solicitud ("Ingrese el número");
var positiva \u003d x< 0;

En otras palabras, somos variables. positivo. Inmediatamente asignar el resultado de la comparación. x. y cero.

Ahora hablemos de los llamados llamados condiciones sofisticadas. En los ejemplos anteriores, consideramos solo condiciones simples, sin embargo, también hay otras afecciones que consisten en varias condiciones. Y aquí se utilizan dos operaciones: && - lógica I. y || - lógico o. Vamos a escribir tal condición:

Si ((x<= 5) && (x >\u003d 0)) (// Bloque de operadores)

Esta condición (condición compleja) dará cierto.entonces y solo cuando x.<= 5 И x >= 0 . De lo contrario, devuelto falso.

Considerar una condición difícil con lógico o.

Si ((x<= 5) || (x == 6)) {//блок операторов}

Puedes traducirlo así: si x.<= 5 ИЛИ x == 6 , luego vuelve cierto.De lo contrario falso.

Lo último que quiero decir que hay condiciones que consisten en varios lógicos y o o o oY, a veces, tiene que colagar la cabeza muy seriamente para resolverlo en tal condición.

Eso es todo lo que quería decir operadores condicionales en JavaScript. Y entonces solo se necesita práctica. Por desgracia, pero sin práctica, nunca aprenderá a usar este operador, sin saber el conocimiento de que es simplemente sin sentido. Así que consta de una tarea simple (sobre la similitud de la que decidimos anteriormente) y decidirla.

JavaScript - Lección 7. Ramificación en el programa - Si el operador

Muy a menudo hay una situación en la que necesitamos hacer cualquier acción dependiendo de cualquier condición. Por ejemplo, tenemos una tienda de ropa en línea. Pedimos al usuario que él (un hombre o una mujer) y, dependiendo de la respuesta, muestra una lista de bienes relevantes (hombres o mujeres). Al escribir tales programas se utiliza Operador condicional si.. La sintaxis es la siguiente:

Si b (s1)
Otra cosa (S2)

Dónde B. - Expresión de tipo lógico, y S1. y S2. - Operadores.

Funciona así: se calcula el valor de la expresión. B.Si es cierto, entonces se realiza el operador. S1.Si es falso, entonces el operador se está ejecutando. S2.. Línea Otra cosa (S2) Puedes bajar.

Creo que el ejemplo será más claro. Tengamos un formulario en el que el usuario ingresa a 3 valores. Escribimos un script que determinará el máximo de los números ingresados.

Para empezar, escriba un código de formulario en la página HTML:

JavaScript si

Ahora en la página Script.js, escriba el código de función:

función maxznach (obj) (Var a \u003d 1 * obj.zn1.value; var b \u003d 1 * obj.zn2.value; var c \u003d 1 * obj.zn3.value; var m \u003d a; if (b\u003e m) m \u003d b; si (c\u003e m) m \u003d c; obj.res.value \u003d M;)

Por lo tanto, nuestra función toma tres valores del formulario, para el máximo ( mETRO.) Estamos tomando el valor uNA.. Luego comparamos: si el valor b. Más máximo (es decir, uNA.), entonces el máximo se convierte en b.de lo contrario el máximo restos uNA. (Porque la expresión entre paréntesis no es cierta). Además, al comparar el siguiente valor. c. Con el máximo. La respuesta se muestra en el campo de resultados ( res.).

En general, tal escenario podría ser escrito utilizando el método. max Objeto Matemáticas.considerado en la lección pasada, y el código se convertiría en más corto:

función maxznach (obj) (Var a \u003d 1 * obj.zn1.value; var b \u003d 1 * obj.zn2.value; var c \u003d 1 * obj.zn3.value; obj.res.value \u003d math.max (matemáticas .max (a, b), c);)

Este es yo para el hecho de que la programación sigue siendo creativa, y una tarea se puede resolver de diferentes maneras. La tarea del programador encuentra la opción más óptima. Pero esto es así, un retiro lírico. Vuelvemos al operador condicional si es un ejemplo más interesante. Escribimos un script, que es el momento del cual, cuando flota el cursor del mouse en la imagen, aumentará creando el efecto de la aproximación.

¿Cómo recuerda en HTML puede establecer el tamaño de la imagen insertada? Si los tamaños especificados son más grandes o menos que el original, el navegador pagará automáticamente al original en estos tamaños. Esto usamos. Tengamos tal foto:

El ancho del original 302 píxel. Queremos que la imagen tenga un ancho de 102 píxeles en la página, y cuando aumentó el cursor, aumentó hasta 302 píxeles. Con la página HTML, todo está claro:

JavaScript si

Y en nuestra función, además del operador condicional, utilizaremos la función de JavaScript estándar settimeut.lo que causa una función de usuario en un intervalo de tiempo dado:

Función BigPict () (var w \u003d document.tigr.width; Si (w, por lo tanto, la función comprueba el ancho de la imagen ( ancho) Y, si es menos de 302 píxeles, aumenta este ancho de 10 píxeles. Función settimeut. Llama a nuestra función bigpict cada medio segundo, gracias a la cual el tamaño de la imagen aumentará mientras la condición no seré falso.

Para hacer visualmente, la aproximación, intente suavemente, intente reducir el ancho del ancho y el tiempo de referencia a la función. Juega con estos números y encuentra lo más óptimo.

Hoy, todos, como tarea, agregue nuestro escenario como la imagen cuando el cursor del mouse ingresa los valores iniciales (es decir, 102 píxeles). Si no funciona, entonces descarga.