JavaScript - Operadores

¿Qué es un operador?

Tomemos una expresión simple 4 + 5 es igual a 9 . Aquí 4 y 5 se llaman operandos y '+' se llama operador . JavaScript es compatible con los siguientes tipos de operadores.

Operadores aritméticos
Operadores de comparación
Operadores lógicos (o relacionales)
Operadores de asignación
Operadores condicionales (o ternarios)

Echemos un vistazo a todos los operadores uno por uno.

Operadores aritméticos

JavaScript admite los siguientes operadores aritméticos:

Supongamos que la variable A tiene 10 y la variable B tiene 20, entonces -

Sr.No	Operador y descripción
1	+ (Adición) Agrega dos operandos Ejemplo: A + B otorgará 30
2	- (Resta) Resta el segundo operando de la primera Ejemplo: A - B dará -10
3	* (Multiplicación) Multiplica ambos operandos Ejemplo: A * B dará 200
4	/(División) Divide el numerador entre el denominador Ejemplo: B/A dará 2
5	% (Módulo) Resultados el resto de una división entera Ejemplo: B% A dará 0
6	++ (Incremento) Aumenta un valor entero en uno Ejemplo: A ++ dará 11
7	- (Decremento) Reduce un valor entero en uno Ejemplo: A-- dará 9

Nota : el operador adicional (+) funciona tanto para Numérico como para Cadenas. p.ej. "a" + 10 dará "a10".

Ejemplo

El siguiente código muestra cómo usar 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 = 35
--b = 8
Set the variables to different values and then try...

Operadores de comparación

JavaScript admite los siguientes operadores de comparación:

Supongamos que la variable A tiene 10 y la variable B tiene 20, entonces -

Sr.No	Operador y descripción
1	= = (Igual) Comprueba si el valor de dos operandos es igual o no, si es así, entonces la condición se convierte en verdadera. Ejemplo: (A == B) no es verdadero.
2	! = (No es igual) Comprueba si el valor de dos operandos es igual o no, si los valores no son iguales, entonces la condición se convierte en verdadera. Ejemplo: (A! = B) es verdadero.
3	> (Mayor que) Comprueba si el valor del operando izquierdo es mayor que el valor del operando derecho, si es así, entonces la condición se convierte en verdadera. Ejemplo: (A> B) no es verdadero.
4	<(Menos de) 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 verdadera. Ejemplo: (A <B) es verdadero.
5	> = (Mayor que o igual que) Comprueba si el valor del operando de la izquierda es mayor o igual que el valor del operando de la derecha, si es así, entonces la condición se convierte en verdadera. Ejemplo: (A> = B) no es verdadero.
6	<= (Menor o igual que) Comprueba si el valor del operando de la izquierda es menor o igual que el valor del operando de la derecha, si es así, entonces la condición se convierte en verdadera. Ejemplo: (A <= B) es verdadero.

Ejemplo

El siguiente código muestra cómo usar 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 logicos

JavaScript admite los siguientes operadores lógicos:

Supongamos que la variable A tiene 10 y la variable B tiene 20, entonces -

Sr.No	Operador y descripción
1	y y amp; (Y lógico) Si ambos operandos no son cero, entonces la condición se convierte en verdadera. Ejemplo: (A && B) es verdadero.
2	\|\| (O lógico) Si alguno de los dos operandos no es cero, entonces la condición se convierte en verdadera. Ej.: (A \|\| B) es verdadero.
3	! (Lógico NO) Revierte el estado lógico de su operando. Si una condición es verdadera, el operador lógico NOT la hará falsa. Ejemplo: (A && B) es falso.

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...

Operadores bit a bit

JavaScript es compatible con los siguientes operadores bit a bit -

Supongamos que la variable A tiene 2 y la variable B tiene 3, entonces -

Sr.No	Operador y descripción
1	y (Y a nivel de bitácora) Realiza una operación Booleana Y en cada bit de sus argumentos enteros. Ejemplo: (A y B) es 2.
2	\| (BitWise O) Realiza una operación BO booleana en cada bit de sus argumentos enteros. Ejemplo: (A \| B) es 3.
3	^ (Bitwise XOR) Realiza una operación OR exclusiva booleana en cada bit de sus argumentos enteros. Exclusivo O significa que uno de los operandos es verdadero o el operando dos es verdadero, pero no ambos. Ejemplo: (A ^ B) es 1.
4	~ (Bitwise Not) Es un operador unario y opera invirtiendo todos los bits en el operando. Ejemplo: (~ B) es -4.
5	<<(Mayúsculas a la izquierda) Mueve todos los bits en su primer operando a la izquierda por el número de lugares especificados en el segundo operando. Los nuevos bits se rellenan con ceros. Cambiar un valor dejado por una posición equivale a multiplicarlo por 2, desplazar dos posiciones equivale a multiplicar por 4, y así sucesivamente. Ejemplo: (A <<1) es 4.
6	>> (Desplazamiento a la derecha) Operador binario del cambio a la derecha. El valor del operando izquierdo se mueve a la derecha por el número de bits especificado por el operando derecho. Ejemplo: (A>> 1) es 1.
7	>>> (Desplazar a la derecha con Zero) Este operador es como el>> operador, excepto que los bits desplazados hacia la izquierda son siempre cero. Ejemplo: (A>>> 1) es 1.

Ejemplo

Pruebe el siguiente código para implementar el 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...

Operadores de Asignación

JavaScript es compatible con los siguientes operadores de asignación:

Sr.No	Operador y descripción
1	= (Asignación simple) Asigna valores del operando del lado derecho al operando del lado izquierdo Ej: C = A + B asignará el valor de A + B en C
2	+ = (Agregar y Asignación) Agrega el operando derecho al operando izquierdo y asigna el resultado al operando izquierdo. Ej: C + = A es equivalente a C = C + A
3	& resta; = (Restar y Asignación) Resta el operando derecho del operando izquierdo y asigna el resultado al operando izquierdo. Ej: C - = A es equivalente a C = C - A
4	* = (Multiplicar y asignar) Multiplica el operando derecho con el operando izquierdo y asigna el resultado al operando izquierdo. Ejemplo: C * = A es equivalente a C = C * A
5	/= (Dividir y asignar) Divide el operando izquierdo con el operando derecho y asigna el resultado al operando izquierdo. Ejemplo: C/= A es equivalente a C = C/A
6	% = (Módulos y asignación) Toma módulo usando dos operandos y asigna el resultado al operando izquierdo. Ejemplo: C% = A es equivalente a C = C% A

Nota : la misma lógica se aplica a los operadores de Bitwise, por lo que se convertirán en <<=,>> =>> =, y =, | = y ^ =.

Ejemplo

Pruebe el siguiente código para implementar el 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...

Operador misceláneo

Discutiremos aquí dos operadores que son bastante útiles en JavaScript: el operador condicional (? :) y eloperador typeof .

Operador condicional (? :)

El operador condicional primero evalúa una expresión para un valor verdadero o falso y luego ejecuta una de las dos declaraciones dadas dependiendo del resultado de la evaluación.

Sr.No	Operador y descripción
1	? : (Condicional) Si la condición es verdadera? Entonces valor X: De lo contrario, valor Y

Ejemplo

Pruebe el siguiente código para comprender 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...

Tipo de operador

El operador typeof es un operador unario 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 operador typeof evalúa a "number", "string" o "boolean" si su operando es un número, cadena o valor booleano y devuelve verdadero o falso según la evaluación.

Aquí hay una lista de los valores de retorno para el operador typeof .

Type	String Returned by typeof
Number	"number"
String	"string"
Boolean	"boolean"
Object	"object"
Function	"function"
Undefined	"undefined"
Null	"object"

Ejemplo

El siguiente código muestra cómo implementar el operador typeof .

<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...

JavaScript

Breaking News

JavaScript - Operadores

JavaScript - Operadores

¿Qué es un operador?

Operadores aritméticos

Ejemplo

Salida

Operadores de comparación

Ejemplo

Salida

Operadores logicos

Ejemplo

Salida

Operadores bit a bit

Ejemplo

Operadores de Asignación

Ejemplo

Salida

Operador misceláneo

Operador condicional (? :)

Ejemplo

Salida

Tipo de operador

Ejemplo

Salida

No comments

Popular Posts

Recent Posts

Comments

Facebook

Categories

Tags

Featured Posts

Recent Posts

Recent in Sports

JavaScript

Breaking News

JavaScript - Operadores

JavaScript - Operadores

¿Qué es un operador?

Operadores aritméticos

Ejemplo

Salida

Operadores de comparación

Ejemplo

Salida

Operadores logicos

Ejemplo

Salida

Operadores bit a bit

Ejemplo

Operadores de Asignación

Ejemplo

Salida

Operador misceláneo

Operador condicional (? :)

Ejemplo

Salida

Tipo de operador

Ejemplo

Salida

No comments

Social Counter

Popular Posts

Recent Posts

Comments

Facebook

Categories

Tags

Featured Posts

Recent Posts

Recent in Sports