Un operador es un símbolo que opera sobre un valor o datos. Representa una acción específica sobre el trabajo con datos. Los datos sobre los que opera el operador se llaman operandos. Se puede utilizar con uno o más valores para producir un valor único. Todos los operadores estándar de JavaScript están disponibles con el programa TypeScript.
Ejemplo
10 + 10 = 20;
En el ejemplo anterior, los valores '10' y '20' se conocen como operandos, mientras que '+' y '=' se conocen como operadores.
Operadores en TypeScript
En TypeScript, un operador se puede clasificar de las siguientes maneras.
- Operadores aritméticos
- Operadores de comparación (relacionales)
- Operadores logicos
- Operadores bit a bit
- Operadores de Asignación
- Operador ternario/condicional
- Operador de concatenación
- Tipo Operador
Operadores aritméticos
Los operadores aritméticos toman valores numéricos como operandos, realizan una acción y luego devuelven un único valor numérico. Los operadores aritméticos más comunes son la suma (+), la resta (-), la multiplicación (*) y la división (/).
| Operador | Nombre del operador | Descripción | Ejemplo |
|---|---|---|---|
| + | Suma | Devuelve una suma de los valores. | let a = 20; let b = 30; let c = a + b; console.log( c ); // <strong>Output</strong> 30 |
| - | Sustracción | Devuelve la diferencia de los valores. | let a = 30; let b = 20; let c = a - b; console.log( c ); // <strong>Output</strong> 10 |
| * | Multiplicación | Devuelve el producto de los valores. | let a = 30; let b = 20; let c = a * b; console.log( c ); // <strong>Output</strong> 600 |
| / | División | Realiza la operación de división y devuelve el cociente. | let a = 100; let b = 20; let c = a / b; console.log( c ); // <strong>Output</strong> 5 |
| % | Módulo | Realiza la operación de división y devuelve el resto. | let a = 95; let b = 20; let c = a % b; console.log( c ); // <strong>Output</strong> 15 |
| ++ | Incremento | Se utiliza para incrementar el valor de la variable en uno. | let a = 55; a++; console.log( a ); // <strong>Output</strong> 56 |
| -- | Decremento | Se utiliza para disminuir el valor de la variable en uno. | let a = 55; a--; console.log( a ); // <strong>Output</strong> 54 |
Operadores de comparación (relacionales)
Los operadores de comparación se utilizan para comparar los dos operandos. Estos operadores devuelven un valor booleano verdadero o falso. Los operadores de comparación importantes se detallan a continuación.
| Operador | Nombre del operador | Descripción | Ejemplo |
|---|---|---|---|
| == | Es igual a | Comprueba si los valores de los dos operandos son iguales o no. | let a = 10; let b = 20; console.log(a==b); //false console.log(a==10); //true console.log(10=='10'); //true |
| === | Idénticos (iguales y del mismo tipo) | Comprueba si el tipo y los valores de los dos operandos son iguales o no. | let a = 10; let b = 20; console.log(a===b); //false console.log(a===10); //true console.log(10==='10'); //false |
| != | No igual a | Comprueba si los valores de los dos operandos son iguales o no. | let a = 10; let b = 20; console.log(a!=b); //true console.log(a!=10); //false console.log(10!='10'); //false |
| !== | No es identico | Comprueba si el tipo y los valores de los dos operandos son iguales o no. | let a = 10; let b = 20; console.log(a!==b); //true console.log(a!==10); /false console.log(10!=='10'); //true |
| > | Mas grande que | Comprueba si el valor de los operandos izquierdos es mayor que el valor del operando derecho o no. | let a = 30; let b = 20; console.log(a>b); //true console.log(a>30); //false console.log(20> 20'); //false |
| >= | Mayor qué o igual a | Comprueba si el valor de los operandos izquierdos es mayor o igual que el valor del operando derecho o no. | let a = 20; let b = 20; console.log(a>=b); //true console.log(a>=30); //false console.log(20>='20'); //true |
| < | Menos que | Comprueba si el valor de los operandos izquierdos es menor que el valor del operando derecho o no. | let a = 10; let b = 20; console.log(a <b); true console.log(a<10); false console.log(10<'10'); false< pre></b);> |
| <=< td> | Menos que o igual a | Comprueba si el valor de los operandos izquierdos es menor o igual que el valor del operando derecho o no. | let a = 10; let b = 20; console.log(a<=b); true console.log(a<="10);" console.log(10<="10" ); true< pre></=b);> |
Operadores logicos
Los operadores lógicos se utilizan para combinar dos o más condiciones en una sola expresión y devuelven el resultado booleano verdadero o falso. Los operadores lógicos se detallan a continuación.
| Operador | Nombre del operador | Descripción | Ejemplo |
|---|---|---|---|
| && | Y lógico | Devuelve verdadero si ambos operandos (expresión) son verdaderos; de lo contrario, devuelve falso. | let a = false; let b = true; console.log(a&&b); /false console.log(b&&true); //true console.log(b&&10); //10 which is also 'true' console.log(a&&'10'); //false |
| || | O lógico | Devuelve verdadero si alguno de los operandos (expresión) es verdadero; de lo contrario, devuelve falso. | let a = false; let b = true; console.log(a||b); //true console.log(b||true); //true console.log(b||10); //true console.log(a||'10'); //'10' which is also 'true' |
| ! | NO lógico | Devuelve el resultado inverso de un operando (expresión). | let a = 20; let b = 30; console.log(!true); //false console.log(!false); //true console.log(!a); //false console.log(!b); /false console.log(!null); //true |
Operadores bit a bit
Los operadores bit a bit realizan operaciones bit a bit en operandos. Los operadores bit a bit son los siguientes.
| Operador | Nombre del operador | Descripción | Ejemplo |
|---|---|---|---|
| & | Bit a bit Y | Devuelve el resultado de una operación booleana AND en cada bit de sus argumentos enteros. | let a = 2; let b = 3; let c = a & b; console.log(c); // <br> <strong>Output <strong> 2 </strong></strong> |
| | | O bit a bit | Devuelve el resultado de una operación booleana OR en cada bit de sus argumentos enteros. | let a = 2; let b = 3; let c = a | b; console.log(c); // <br> <strong>Output</strong> 3 |
| ^ | XOR bit a bit | Devuelve el resultado de una operación booleana exclusiva OR en cada bit de sus argumentos enteros. | let a = 2; let b = 3; let c = a ^ b; console.log(c); // <strong>Output </strong> 1 |
| ~ | Bit a bit NO | Invierte cada bit en los operandos. | let a = 2; let c = ~ a; console.log(c); // <strong>Output</strong> -3 |
| >> | Desplazamiento bit a derecha | El valor del operando izquierdo se mueve hacia la derecha la cantidad de bits especificados en el operando derecho. | let a = 2; let b = 3; let c = a >> b; console.log(c); // <strong>Output </strong> 0 |
| << | Desplazamiento bit a izquierda | El valor del operando izquierdo se mueve hacia la izquierda el número de bits especificado en el operando derecho. Los bits nuevos se rellenan con ceros en el lado derecho. | let a = 2; let b = 3; let c = a << b; console.log(c); // <strong>Output </strong> 16 |
| >>> | Desplazamiento bit a derecha con cero | El valor del operando izquierdo se mueve hacia la derecha la cantidad de bits especificados en el operando derecho y se agregan ceros en el lado izquierdo. | let a = 3; let b = 4; let c = a >>> b; console.log(c); // <strong>Output </strong> 0 |
Operadores de Asignación
Los operadores de asignación se utilizan para asignar un valor a la variable. El lado izquierdo del operador de asignación se llama variable y el lado derecho del operador de asignación se llama valor. El tipo de datos de la variable y el valor deben ser los mismos; de lo contrario, el compilador arrojará un error. Los operadores de asignación son los siguientes.
| Operador | Nombre del operador | Descripción | Ejemplo |
|---|---|---|---|
| = | Asignar | Asigna valores del operando del lado derecho al lado izquierdo. | let a = 10; let b = 5; console.log('a=b:' +a); // <strong>Output </strong> 10 |
| += | Agregar y asignar | Agrega el operando izquierdo con el operando derecho y asigna el resultado al operando del lado izquierdo. | let a = 10; let b = 5; let c = a += b; console.log(c); // <strong>Output </strong> 15 |
| -= | Restar y asignar | Resta el operando derecho del operando izquierdo y asigna el resultado al operando del lado izquierdo. | let a = 10; let b = 5; let c = a -= b; console.log(c); // <strong>Output </strong> 5 |
| *= | multiplicar y asignar | Multiplica el operando izquierdo por el operando derecho y asigna el resultado al operando del lado izquierdo. | let a = 10; let b = 5; let c = a *= b; console.log(c); // <strong>Output </strong> 50 |
| /= | Dividir y asignar | Divide el operando izquierdo con el operando derecho y asigna el resultado al operando del lado izquierdo. | let a = 10; let b = 5; let c = a /= b; console.log(c); // <strong>Output </strong> 2 |
| %= | Módulo y asignación | Divide el operando izquierdo con el operando derecho y asigna el resultado al operando del lado izquierdo. | let a = 16; let b = 5; let c = a %= b; console.log(c); // <strong>Output </strong> 1 |
Operador ternario/condicional
El operador condicional toma tres operandos y devuelve un valor booleano según la condición, ya sea verdadera o falsa. Su funcionamiento es similar a una declaración if-else. El operador condicional tiene asociatividad de derecha a izquierda. La sintaxis de un operador condicional se proporciona a continuación.
expression ? expression-1 : expression-2;
Ejemplo
let num = 16; let result = (num > 0) ? 'True':'False' console.log(result);
Producción:
True
Operador de concatenación
El operador de concatenación (+) es un operador que se utiliza para agregar las dos cadenas. En la operación de concatenación, no podemos agregar un espacio entre las cadenas. Podemos concatenar varias cadenas en una sola declaración. El siguiente ejemplo nos ayuda a comprender el operador de concatenación en TypeScript.
Ejemplo
let message = 'Welcome to ' + 'JavaTpoint'; console.log('Result of String Operator: ' +message);
Producción:
Result of String Operator: Welcome to JavaTpoint
Operadores de tipo
Hay una colección de operadores disponibles que pueden ayudarle a trabajar con objetos en TypeScript. Operadores como tipo de, instancia de, en y eliminar son ejemplos de operador de tipo. La explicación detallada de estos operadores se proporciona a continuación.
| Nombre del operador | Descripción | Ejemplo |
|---|---|---|
| en | Se utiliza para comprobar la existencia de una propiedad en un objeto. | let Bike = {make: 'Honda', model: 'CLIQ', year: 2018}; console.log('make' in Bike); // <strong>Output:</strong> true |
| borrar | Se utiliza para eliminar las propiedades de los objetos. | let Bike = { Company1: 'Honda', Company2: 'Hero', Company3: 'Royal Enfield' }; delete Bike.Company1; console.log(Bike); // <strong>Output:</strong> { Company2: 'Hero', Company3: 'Royal Enfield' } |
| tipo de | Devuelve el tipo de datos del operando. | let message = 'Welcome to ' + 'JavaTpoint'; console.log(typeof message); // <strong>Output:</strong> String |
| en vez de | Se utiliza para comprobar si el objeto es de un tipo específico o no. | let arr = [1, 2, 3]; console.log( arr instanceof Array ); // true console.log( arr instanceof String ); // false |