¿Qué es un operador?
Tomemos una simple expresión 4 + 5 es igual a 9. Aquí 4 y 5 son llamados operandos y '+' se llama el operador. JavaScript soporta los siguientes tipos de operadores.
- Operadores aritméticos
- Operadores de Comparación
- (O relacionales) Operadores lógicos
- Los operadores de asignación
- Condicionales (o ternario) Operadores
Vamos a echar un vistazo a todos los operadores de uno por uno.
Operadores aritméticos
JavaScript soporta los siguientes operadores aritméticos -
Asumir la variable A tiene 10 y la variable B tiene 20, entonces -
| No senor | Operador y descripción |
|---|---|
| 1 | + (Suma) Añade dos operandos Ej: A + B dará 30 |
| 2 | - (Resta) Resta el segundo operando desde el primer Ej: A - B dará -10 |
| 3 | * (Multiplicación) Multiplique ambos operandos Ej: A * B dará 200 |
| 4 | / (División) Divide el numerador por el denominador Ej: B / A dará 2 |
| 5 | % (Módulo) Emite el resto de una división entera Ej: B% Un dará 0 |
| 6 | ++ (Incremento) Aumenta un valor entero por uno Ej: A ++ dará 11 |
| 7 | - (Disminuir) Disminuye un valor entero por uno Ej: A-- dará 9 |
Nota - operador de suma (+) trabaja para numérico, así como Strings. por ejemplo, "a" + 10 dará "a10".
Ejemplo
El código siguiente muestra cómo utilizar los operadores aritméticos en JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var a = 33;
var b = 10;
var c = "Test";
var linebreak = "<br />";
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
a = a++;
document.write("a++ = ");
result = a++;
document.write(result);
document.write(linebreak);
b = b--;
document.write("b-- = ");
result = b--;
document.write(result);
document.write(linebreak);
//-->
</script>
Set the variables to different values and then try...
</body>
</html>
Salida
a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
a++ = 33
b-- = 10
Set the variables to different values and then try...
Operadores de comparación
JavaScript soporta los siguientes operadores de comparación -
Asumir la variable A tiene 10 y la variable B tiene 20, entonces -
| No senor | Operador y descripción |
|---|---|
| 1 | = = (Igual) Comprueba si el valor de los dos operandos son iguales o no, si es así, entonces la condición se convierte en verdad. Ej: (A == B) no es cierto. |
| 2 | ! = (Distinto) Comprueba si el valor de los dos operandos son iguales o no, si los valores no son iguales, entonces la condición se convierte en realidad. Ej: (! A = B) es cierto. |
| 3 | > (Mayor que) Comprueba si el valor del operando de la izquierda es mayor que el valor del operando de la derecha, si es así, entonces la condición se convierte en realidad. Ej: (A> B) no es cierto. |
| 4 | <(Menos) Comprueba si el valor del operando de la izquierda es menor que el valor del operando de la derecha, si es así, entonces la condición se convierte en realidad. Ej: (A <B) es cierto. |
| 5 | > = (Mayor o igual a) Comprueba si el valor del operando de la izquierda es mayor o igual al valor del operando de la derecha, si es así, entonces la condición se convierte en realidad. Ej: (A> = B) no es cierto. |
| 6 | <= (Menor o igual que) Comprueba si el valor del operando de la izquierda es menor o igual al valor del operando de la derecha, si es así, entonces la condición se convierte en realidad. Ej: (A <= B) es cierto. |
Ejemplo
El código siguiente muestra cómo utilizar los operadores de comparación en JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var a = 10;
var b = 20;
var linebreak = "<br />";
document.write("(a == b) => ");
result = (a == b);
document.write(result);
document.write(linebreak);
document.write("(a < b) => ");
result = (a < b);
document.write(result);
document.write(linebreak);
document.write("(a > b) => ");
result = (a > b);
document.write(result);
document.write(linebreak);
document.write("(a != b) => ");
result = (a != b);
document.write(result);
document.write(linebreak);
document.write("(a >= b) => ");
result = (a >= b);
document.write(result);
document.write(linebreak);
document.write("(a <= b) => ");
result = (a <= b);
document.write(result);
document.write(linebreak);
//-->
</script>
Set the variables to different values and different operators and then try...
</body>
</html>
Salida
(a == b) => false
(a < b) => true
(a > b) => false
(a != b) => true
(a >= b) => false
a <= b) => true
Set the variables to different values and different operators and then try...
Operadores lógicos
JavaScript soporta los siguientes operadores lógicos -
Asumir la variable A tiene 10 y la variable B tiene 20, entonces -
| No senor | Operador y descripción |
|---|---|
| 1 | && (AND lógico) Si ambos operandos son no-cero, entonces la condición se convierte en realidad. Ej: (A && B) es cierto. |
| 2 | || (OR lógico) Si alguno de los dos operandos son no-cero, entonces la condición se convierte en realidad. Ej: (A || B) es cierto. |
| 3 | ! (NOT lógico) Invierte el estado lógico de su operando. Si una condición es verdadera, entonces el operador NOT lógico hará que sea falsa. Ejemplo:! (A && B) es falsa. |
Ejemplo
Pruebe el siguiente código para aprender cómo implementar Operadores lógicos en JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var a = true;
var b = false;
var linebreak = "<br />";
document.write("(a && b) => ");
result = (a && b);
document.write(result);
document.write(linebreak);
document.write("(a || b) => ");
result = (a || b);
document.write(result);
document.write(linebreak);
document.write("!(a && b) => ");
result = (!(a && b));
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>
Salida
(a && b) => false
(a || b) => true
!(a && b) => true
Set the variables to different values and different operators and then try...
Los operadores bit a bit
JavaScript soporta los siguientes operadores bit a bit -
Asumir la variable A tiene 2 y la variable B tiene 3, entonces -
| No senor | Operador y descripción |
|---|---|
| 1 | Y (AND bit a bit) Realiza una operación booleana AND en cada bit de sus argumentos enteros. Ej: (A & B) es 2. |
| 2 | | (OR bit a bit) Realiza un booleano OR operación en cada bit de sus argumentos enteros. Ej: (A | B) es 3. |
| 3 | ^ (Bitwise XOR) Realiza una exclusiva booleano OR operación en cada bit de sus argumentos enteros. Exclusiva O significa que cualquier operando es verdadero o operando dos es cierto, pero no ambos. Ej: (A ^ B) es 1. |
| 4 | ~ (Bitwise No) Es un operador unario y opera mediante la inversión de todos los bits en el operando. Ej: (~ B) es de -4. |
| 5 | << (Mayúsculas izquierda) Se mueve todos los bits en su primer operando de la izquierda por el número de posiciones especificado en el segundo operando. Nuevos bits se rellenan con ceros. Desplazar un valor dada por una posición es equivalente a multiplicar por 2, cambiando dos posiciones es equivalente a multiplicar por 4, y así sucesivamente. Ej: (A << 1) es 4. |
| 6 | >> (Mayús derecha) Binary Operador Mayús derecha. El valor del operando de la izquierda se mueve a la derecha por el número de bits especificado por el operando de la derecha. Ej: (A >> 1) es 1. |
| 7 | >>> (Desplazamiento derecha con Zero) Este operador es igual que el operador >>, salvo que los bits desplazados en la izquierda son siempre cero. Ej: (A >>> 1) es 1. |
Ejemplo
Pruebe el siguiente código para implementar operador Bitwise en JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var a = 2; // Bit presentation 10
var b = 3; // Bit presentation 11
var linebreak = "<br />";
document.write("(a & b) => ");
result = (a & b);
document.write(result);
document.write(linebreak);
document.write("(a | b) => ");
result = (a | b);
document.write(result);
document.write(linebreak);
document.write("(a ^ b) => ");
result = (a ^ b);
document.write(result);
document.write(linebreak);
document.write("(~b) => ");
result = (~b);
document.write(result);
document.write(linebreak);
document.write("(a << b) => ");
result = (a << b);
document.write(result);
document.write(linebreak);
document.write("(a >> b) => ");
result = (a >> b);
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>
(a & b) => 2
(a | b) => 3
(a ^ b) => 1
(~b) => -4
(a << b) => 16
(a >> b) => 0
Set the variables to different values and different operators and then try...
Los operadores de asignación
JavaScript soporta los siguientes operadores de asignación -
| No senor | Operador y descripción |
|---|---|
| 1 | = (Asignación simple) Asigna valores del operando lado derecho para el operando de la izquierda Ej: C = A + B asignará el valor de A + B en C |
| 2 | + = (Agregar y Asignación) Añade el operando derecho al operando izquierdo y asigna el resultado al operando de la izquierda. Ex: C = A + es equivalente a C = C + A |
| 3 | - = (Resta y asignación) Se resta el operando derecho del operando de la izquierda y asigna el resultado al operando de la izquierda. Ex: C - = A es equivalente a C = C - A |
| 4 | * = (Multiplicar y asignación) Se multiplica el operando de la derecha con el operando izquierdo y asigna el resultado al operando de la izquierda. Ex: C = A * es equivalente a C = C * A |
| 5 | / = (Divide y Asignación) Divide el operando de la izquierda con el operando derecho y asigna el resultado al operando de la izquierda. Ex: C / = A es equivalente a C = C / A |
| 6 | % = (Módulos y Asignación) Se necesita el módulo utilizando dos operandos y asigna el resultado al operando de la izquierda. Ex:% C = A es equivalente a C = C% A |
Nota - La misma lógica se aplica a los operadores bit a bit por lo que llegarán a ser como << =, >> =, >> =, & =, | = y ^ =.
Ejemplo
Pruebe el siguiente código para implementar operador de asignación en JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var a = 33;
var b = 10;
var linebreak = "<br />";
document.write("Value of a => (a = b) => ");
result = (a = b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a += b) => ");
result = (a += b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a -= b) => ");
result = (a -= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a *= b) => ");
result = (a *= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a /= b) => ");
result = (a /= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a %= b) => ");
result = (a %= b);
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>
Salida
Value of a => (a = b) => 10
Value of a => (a += b) => 20
Value of a => (a -= b) => 10
Value of a => (a *= b) => 100
Value of a => (a /= b) => 10
Value of a => (a %= b) => 0
Set the variables to different values and different operators and then try...
Varios Operador
Vamos a discutir dos operadores de aquí que son muy útiles en JavaScript: el operador condicional (:) y el? Operador typeof.
Operador condicional (? :)
El operador condicional evalúa primero una expresión para un valor verdadero o falso y luego ejecuta una de las dos declaraciones dados dependiendo del resultado de la evaluación.
| No senor | Operador y descripción |
|---|---|
| 1 | ? : (Condicional) Si condición es verdadera? Entonces valor X: valorar lo contrario Y |
Ejemplo
Pruebe el siguiente código para entender cómo funciona el operador condicional en JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var a = 10;
var b = 20;
var linebreak = "<br />";
document.write ("((a > b) ? 100 : 200) => ");
result = (a > b) ? 100 : 200;
document.write(result);
document.write(linebreak);
document.write ("((a < b) ? 100 : 200) => ");
result = (a < b) ? 100 : 200;
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>
Salida
((a > b) ? 100 : 200) => 200
((a < b) ? 100 : 200) => 100
Set the variables to different values and different operators and then try...
Operador typeof
El typeof operador es un operador unitario que se coloca antes de su único operando, que puede ser de cualquier tipo. Su valor es una cadena que indica el tipo de datos del operando.
El typeof operador se evalúa como "número", "cadena", o "boolean" si su operando es un número, cadena o valor booleano y devuelve verdadero o falso sobre la base de la evaluación.
Aquí está una lista de los valores de retorno para el typeof operador.
| Escribe | Cadena devuelta por typeof |
|---|---|
| Número | "número" |
| Cuerda | "cuerda" |
| Boole | "booleano" |
| Objeto | "objeto" |
| Función | "función" |
| Indefinido | "indefinido" |
| Nulo | "objeto" |
Ejemplo
El siguiente código muestra cómo implementar typeof operador.
<html>
<body>
<script type="text/javascript">
<!--
var a = 10;
var b = "String";
var linebreak = "<br />";
result = (typeof b == "string" ? "B is String" : "B is Numeric");
document.write("Result => ");
document.write(result);
document.write(linebreak);
result = (typeof a == "string" ? "A is String" : "A is Numeric");
document.write("Result => ");
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>
Salida
Result => B is String
Result => A is Numeric
Set the variables to different values and different operators and then try...
No hay comentarios:
Publicar un comentario