Los operadores de JavaScript son:
Operadores de asignación, operadores aritméticos, operadores de cadenas, operadores lógicos, operadores relacionales, operadores bit a bit, donde los operadores de asignación y los operadores aritméticos se combinan para formar operadores compuestos.
1. Operador de asignación
Solo hay un operador de asignación: "=". Se utiliza para indicar el significado de la asignación. Por ejemplo, el enunciado c=a+b significa asignar el valor de "a+b" a c, no que c sea igual a a+b, lo que debe distinguirse del concepto de igualdad en matemáticas.
2. Operadores aritméticos
Hay muchos operadores aritméticos, a saber: +, -, *, /, %, ++, --. Los siguientes son ejemplos de cada operación:
(1) "+" significa "más". Por ejemplo, a=1+2, asigne la suma de 1 y 2 a la variable a, y "+" también se puede usar como un conector de cadena, que se explica en "Operadores de cadena" a continuación.
Ejemplo z=x+y:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x+y的值。</p>
<button onclick="myFunction()">点击计算z=x+y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x+y;//计算x+y的值赋给z
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
(2) "-" significa "menos". Por ejemplo a=2-1, asigne el valor de 2 menos 1 a la variable a.
Ejemplo z=xy:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x-y的值。</p>
<button onclick="myFunction()">点击计算z=x-y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x-y;//计算x-y的值赋给z
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
(3) "*" significa "multiplicación". Por ejemplo a=2*1, asigne el valor de 2 veces 1 a la variable a.
Ejemplo z=x*y:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x*y的值。</p>
<button onclick="myFunction()">点击计算z=x*y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x*y;//计算x*y的值赋给z
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
(4) "/" significa "dividir". Por ejemplo a=2/1, asigne el valor de 2 dividido por 1 a la variable a.
Ejemplo z=x/y:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x/y的值。</p>
<button onclick="myFunction()">点击计算z=x/y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x/y;//计算x/y的值赋给z
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
(5) "%" significa "resto". "Resto" es el "resto" obtenido después de dividir dos números. Por ejemplo, a=2%1, asigne el valor del resto de 2 a la variable a.
Ejemplo z=x%y:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x%y的值。</p>
<button onclick="myFunction()">点击计算z=x%y的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x%y;//计算x%y的值赋给z
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
(6) "++" significa "auto-incremento". "Incremento automático" significa que el valor de la variable especificada se incrementa en 1 sobre la base del valor original. Hay dos formas:
Tipo 1: "++" está en la parte posterior. Por ejemplo, a++ significa que la variable a se incrementa en 1 cada vez según el valor original. Suponiendo que a es inicialmente 0, se obtiene a=3 después de ejecutar a++ tres veces.
Tipo 2: "++" delante. Por ejemplo, ++a significa que la variable a se incrementa en 1 cada vez según el valor original. Suponiendo que a es inicialmente 0, después de ejecutar ++a tres veces, obtenemos a=3.
Los resultados obtenidos por las dos formas son iguales, la diferencia es que cuando a++, primero se calcula la variable a y luego se incrementa en 1 , y ++a es la variable a que se incrementa en 1 antes de participar en el cálculo.
Ejemplo z=xy, luego haga un bucle para incrementar z tres veces y luego emita el resultado:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x-y的值。之后z自增3次输出</p>
<button onclick="myFunction()">点击计算z=x-y的值,之后z自增3次输出</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x-y;//计算x-y的值赋给z
for(var i=0;i<3;i++){
z++;//z自增 ,换成 ++z 结果一样
}
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
(7) "--" significa "autodecremento". "Autodecremento" significa que el valor de la variable especificada se reduce en 1 cada vez sobre la base del valor original. Hay dos formas:
Tipo 1: "--" en la parte posterior. Por ejemplo, a-- significa que la variable a se reduce en 1 cada vez según el valor original. Suponiendo que a es inicialmente 3, ejecute a-- tres veces para obtener a=0.
Tipo 2: "--" delante. Por ejemplo --a, lo que significa que la variable a se reduce en 1 cada vez según el valor original. Suponiendo que a es inicialmente 3, ejecute --a tres veces para obtener a=0.
Los resultados obtenidos por las dos formas son iguales, la diferencia es: a-- Cuando primero se calcula la variable a y luego se decrementa en 1 , --a es que la variable a se decrementa en 1 antes de participar en la operación.
Ejemplo z=x+y, luego haga un bucle para decrementar z tres veces, y luego emita el resultado:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x+y的值。之后z自减3次输出<</p>
<button onclick="myFunction()">点击计算z=x+y的值,之后z自减3次输出</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x+y;//计算x+y的值赋给z
for(var i=0;i<3;i++){
z--;//z自减 ,换成 --z 结果一样
}
document.write("z=" + z );//输出z的值
}
</script>
</body>
</html>
3. Operadores compuestos
Los operadores de asignación y los operadores aritméticos se combinan para formar operadores compuestos. Incluyendo: +=, -=, *=, /=, %=, >>=, <<=, >>>=, ^=, &=, |= 11 tipos en total , los primeros 5 son operadores compuestos aritméticos , de uso más común ; los tres del medio son operadores compuestos de bits ; los tres últimos son operadores compuestos lógicos.
Expansión como:
x+=y es x=x+y. x-=y es x=xy. x%=y es x=x%y. a>>=b es a=a>>b. a&=b es a=a&b.
Otros operadores compuestos se expanden de la misma manera.
Lo siguiente solo toma "%=" como ejemplo para la descripción. Los métodos de operación de otros operadores compuestos son los mismos. Puede probar y practicar por sí mismo.
(1) Implementación del código:
<html>
<head>
<title>测试网页</title>
</head>
<body>
<p>令x=3,y=2,求z=x+y的值,之后求z%=x的值</p>
<button onclick="myFunction()">点击计算z=x+y的值,并输出z%=x的值</button>
<p id="demo"></p>
<script>/* 定义JavaScript 函数求z的值 */
function myFunction(){
var x=3;//定义x
var y=2;//定义y
var z;//定义z
z=x+y;//计算x+y的值赋给z
document.write("z=x+y 的值为:" + z );//输出z的值
document.write("<br>");//换行
z%=x;//计算z取余x的值再次赋给z
document.write("z%=x 的值为:" + z );//输出z的值
}
</script>
</body>
</html>
(2) Resultados de ejecución: