prefacio
En el resultado del resumen de aprendizaje continuo, lo que comparto hoy es el front-end web, aritmética básica JS, asignación, unario, comparación, operadores lógicos y prioridad.
1. Operadores aritméticos
Los operadores matemáticos también se denominan operadores aritméticos e incluyen principalmente suma, resta, multiplicación, división y resto (módulo).
+: Suma
-: Diferencia
* : Producto
/: Cociente
%: Módulo (resto)
se utiliza a menudo para indicar si un determinado número es divisible en el desarrollo
El orden de prioridad de ejecución del operador aritmético
Cuando se utilizan varios operadores para escribir programas al mismo tiempo, se ejecutarán en un orden determinado, al que llamamos prioridad. En JavaScript, cuanto mayor sea la prioridad, antes se ejecutará, si la prioridad es la misma, se ejecutará de izquierda a derecha.
La prioridad de la multiplicación, la división y el resto es la misma
. La prioridad de la suma y la resta es la misma. La
prioridad de la multiplicación, la división y el resto es mayor que la de la suma y la resta.
Usar () puede aumentar la prioridad
. ~ ~
<script>
console.log(4 / 2)
console.log(4 % 2)
console.log(2 % 4)
console.log(5 % 8)
</script>
resultado de la operación:
2. Operador de asignación
Operador de asignación:
operador para asignar valores a variables Operadores de asignación ya aprendidos: = asigna el valor del lado derecho del signo igual al izquierdo, requiriendo que el lado izquierdo sea un contenedor
Otros operadores de asignación:
+=
- =
*=
/=
% =
Utilice estos operadores para operaciones rápidas al asignar valores a variables
+= operador de asignación por ejemplo
<script>
let num = 18
num = num + 1
console.log(num) // 结果是 19
</script>
abreviatura
<script>
let num = 18
num += 1
console.log(num) // 结果是 19
</script>
3. Operador unario
Numerosos operadores de JavaScript se pueden dividir en operadores unarios, operadores binarios y operadores ternarios según la cantidad de expresiones requeridas.
Operadores binarios:
<script>
let num = 18 + 20
</script>
Operadores unarios:
<script>
++num 等价于 num += 1
num++
console.log(num)
</script>
Podemos tener una forma más sencilla de escribir ~~~
Incremento automático:
símbolo: ++
hace que el valor de la variable sea +1
Decremento:
Signo: –
Sea el valor de la variable -1
Escenario de uso:
se usa a menudo para contar. Por ejemplo, si realizas 10 operaciones, úsala para calcular cuántas veces has realizado
Uso del operador de incremento automático:
- ¡No hay diferencia entre preincremento y postincremento cuando se usan de forma independiente!
- En desarrollo general, lo usamos de forma independiente.
- Más adelante, el post-incremento de i++ utilizará relativamente más
4. Operadores de comparación
Compara el tamaño de dos datos, si son iguales
Operadores de comparación:
: Si la izquierda es mayor que la derecha
<: Si la izquierda es menor que la derecha
=: Si la izquierda es mayor o igual que la derecha
<=: Si la izquierda es menor o igual que la derecha
==: Si la izquierda y la derecha son iguales
=: ¡Si el tipo y valor de los lados izquierdo y derecho son iguales
!: Si los lados izquierdo y derecho no son iguales
El resultado de la comparación es de tipo booleano, es decir, solo se obtendrá verdadero o falso
La comparación de cadenas es el código ASCII correspondiente al carácter a comparar.
Compare de izquierda a derecha.
Si el primer carácter es el mismo, compare el segundo carácter, y así sucesivamente
. Hay pocas comparaciones, solo comprenda
NaN no es igual a ningún valor, incluido él mismo
Trate de no comparar decimales, porque los decimales tienen problemas de precisión.
La conversión implícita ocurrirá en la comparación entre diferentes tipos,
y finalmente los datos se convertirán implícitamente en un tipo numérico para comparar,
por lo tanto, en desarrollo, si hacemos una comparación precisa, preferimos === o! ==
5. Operadores lógicos
Los operadores lógicos se utilizan para resolver múltiples juicios condicionales.
| símbolo | nombre | lectura diaria | características | fórmula |
|---|---|---|---|---|
| && | lógica y | y | El resultado es verdadero sólo cuando ambos lados del símbolo son verdaderos. | uno falso es falso |
| lógico o | o | Si hay un verdadero en ambos lados del símbolo, es verdadero. | verdad es verdad | |
| ! | NO lógico | Rebelión | verdadero a falso falso a verdadero | verdadero a falso, falso a verdadero |
|| O lógico
Cortocircuito en operadores lógicos.
Cortocircuito:
solo existe en && y ||, cuando se cumple una determinada condición, el código de la derecha no se ejecutará
Motivo:
el resultado de toda la fórmula se puede obtener por la izquierda, por lo que no es necesario juzgar la derecha
Resultado de la operación:
independientemente de && o ||, el resultado de la operación es el último valor de expresión ejecutado, que generalmente se usa en la asignación de variables.
<script>
console.log(false && 20) //false
console.log(5 < 3 && 20) //false
console.log(undefined && 20) //undefined
console.log(null && 20) //null
console.log(0 && 20) // 0
console.log(10 && 20) // 20
</script>
<script>
console.log(false || 20) // 20
console.log(5 < 3 || 20) // 20
console.log(undefined || 20) // 20
console.log(null || 20) // 20
console.log(0 || 20) // 20
console.log(10 || 20) // 10
</script>
6. Precedencia del operador
| prioridad | operador | orden |
|---|---|---|
| 1 | Paréntesis | () |
| 2 | operador unario | ++ - - ！ |
| 3 | operador aritmético | Primero * / % seguido de + - |
| 4 | operador relacional | > >= < <= |
| 5 | operador de igualdad | == != === !== |
| 6 | Operadores logicos | primero && después |
| 7 | operador de asignación | = |
| 8 | operador de coma | , |
primero && después ||
La no prioridad lógica en el operador unario es muy alta
, y el lógico and tiene mayor prioridad que el lógico o
<script>
let a = 3 > 5 && 2 < 7 && 3 == 4
console.log(a);
//false ,此时发生了逻辑中断
let b = 3 <= 4 || 3 > 1 || 3 != 2
console.log(b);
//true,此时发生了逻辑中断
let c = 2 === "2"
console.log(c);
//false ，数据类型不匹配
let d = !c || b && a
console.log(d);
//true,此时发生了逻辑中断
</script>
7. Resumen
Finalmente comparte una frase:
Sea constructivo en lo que diga y guarde silencio si no tiene nada que decir.
"Un mundo sin quejas"
¡Eso es todo por este compartir! ! !
¡Bienvenido a dejar un mensaje para discutir en el área de comentarios! !