Un operador és un símbol que opera sobre un valor o dades. Representa una acció específica sobre el treball amb dades. Les dades sobre les quals operen els operadors s'anomenen operands. Es pot utilitzar amb un o més d'un valor per produir un sol valor. Tots els operadors estàndard de JavaScript estan disponibles amb el programa TypeScript.
Exemple
10 + 10 = 20;
A l'exemple anterior, els valors '10' i '20' es coneixen com a operands, mentre que '+' i '=' es coneixen com a operadors.
Operadors en TypeScript
A TypeScript, un operador es pot classificar de les maneres següents.
- Operadors aritmètics
- Operadors de comparació (relacionals).
- Operadors lògics
- Operadors per bits
- Operadors d'assignació
- Operador ternari/condicional
- Operador de concatenació
- Tipus d'operador
Operadors aritmètics
Els operadors aritmètics prenen valors numèrics com a operands, realitzen una acció i després retornen un únic valor numèric. Els operadors aritmètics més comuns són la suma(+), la resta (-), la multiplicació(*) i la divisió(/).
| Operador | Nom_operador | Descripció | Exemple |
|---|---|---|---|
| + | Addició | Retorna una suma dels valors. | let a = 20; let b = 30; let c = a + b; console.log( c ); // <strong>Output</strong> 30 |
| - | Resta | Retorna la diferència dels valors. | let a = 30; let b = 20; let c = a - b; console.log( c ); // <strong>Output</strong> 10 |
| * | Multiplicació | Retorna el producte dels valors. | let a = 30; let b = 20; let c = a * b; console.log( c ); // <strong>Output</strong> 600 |
| / | Divisió | Realitza l'operació de divisió i retorna el quocient. | let a = 100; let b = 20; let c = a / b; console.log( c ); // <strong>Output</strong> 5 |
| % | Mòdul | Realitza l'operació de divisió i retorna la resta. | let a = 95; let b = 20; let c = a % b; console.log( c ); // <strong>Output</strong> 15 |
| ++ | Increment | S'utilitza per augmentar el valor de la variable en un. | let a = 55; a++; console.log( a ); // <strong>Output</strong> 56 |
| -- | Decrement | S'utilitza per disminuir el valor de la variable en un. | let a = 55; a--; console.log( a ); // <strong>Output</strong> 54 |
Operadors de comparació (relacionals).
Els operadors de comparació s'utilitzen per comparar els dos operands. Aquests operadors retornen un valor booleà vertader o fals. Els operadors de comparació importants es donen a continuació.
| Operador | Nom_operador | Descripció | Exemple |
|---|---|---|---|
| == | És igual a | Comprova si els valors dels dos operands són iguals o no. | let a = 10; let b = 20; console.log(a==b); //false console.log(a==10); //true console.log(10=='10'); //true |
| === | Idèntic (igual i del mateix tipus) | Comprova si el tipus i els valors dels dos operands són iguals 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 | Comprova si els valors dels dos operands són iguals o no. | let a = 10; let b = 20; console.log(a!=b); //true console.log(a!=10); //false console.log(10!='10'); //false |
| !== | No idèntic | Comprova si el tipus i els valors dels dos operands són iguals o no. | let a = 10; let b = 20; console.log(a!==b); //true console.log(a!==10); /false console.log(10!=='10'); //true |
| > | Més gran que | Comprova si el valor dels operands esquerre és més gran que el valor de l'operand dret o no. | let a = 30; let b = 20; console.log(a>b); //true console.log(a>30); //false console.log(20> 20'); //false |
| >= | Major o igual a | Comprova si el valor dels operands esquerre és superior o igual al valor de l'operand dret o no. | let a = 20; let b = 20; console.log(a>=b); //true console.log(a>=30); //false console.log(20>='20'); //true |
| < | Menys que | Comprova si el valor dels operands esquerre és inferior o no al valor de l'operand dret. | let a = 10; let b = 20; console.log(a <b); true console.log(a<10); false console.log(10<'10'); false< pre></b);> |
| <=< td> | Menor o igual a | Comprova si el valor dels operands esquerres és menor o igual que el valor de l'operand dret o no. | let a = 10; let b = 20; console.log(a<=b); true console.log(a<="10);" console.log(10<="10" ); true< pre></=b);> |
Operadors lògics
Els operadors lògics s'utilitzen per combinar dues o més condicions en una sola expressió i retornen el resultat booleà vertader o fals. Els operadors lògics es donen a continuació.
| Operador | Nom_operador | Descripció | Exemple |
|---|---|---|---|
| && | I lògic | Retorna vertader si els dos operands (expressió) són vertaders, en cas contrari retorna fals. | 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 |
| || | OR lògic | Retorna true si algun dels operands (expressió) és cert, en cas contrari retorna false. | 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ògic | Retorna el resultat invers d'un operand (expressió). | 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 |
Operadors per bits
Els operadors bit a bit realitzen les operacions bit a bit sobre operands. Els operadors per bit són els següents.
| Operador | Nom_operador | Descripció | Exemple |
|---|---|---|---|
| & | I per bits | Retorna el resultat d'una operació booleana AND en cada bit dels seus arguments enters. | let a = 2; let b = 3; let c = a & b; console.log(c); // <br> <strong>Output <strong> 2 </strong></strong> |
| | | O per bits | Retorna el resultat d'una operació OR booleana en cada bit dels seus arguments enters. | let a = 2; let b = 3; let c = a | b; console.log(c); // <br> <strong>Output</strong> 3 |
| ^ | XOR bit a bit | Retorna el resultat d'una operació OR exclusiva booleana en cada bit dels seus arguments enters. | let a = 2; let b = 3; let c = a ^ b; console.log(c); // <strong>Output </strong> 1 |
| ~ | Bit a bit NO | Inverteix cada bit dels operands. | let a = 2; let c = ~ a; console.log(c); // <strong>Output</strong> -3 |
| >> | Desplaçament a la dreta per bits | El valor de l'operand esquerre es mou cap a la dreta pel nombre de bits especificat a l'operand dret. | let a = 2; let b = 3; let c = a >> b; console.log(c); // <strong>Output </strong> 0 |
| << | Desplaçament a l'esquerra per bits | El valor de l'operand esquerre es mou cap a l'esquerra pel nombre de bits especificat a l'operand dret. Els nous bits s'omplen amb zeros al costat dret. | let a = 2; let b = 3; let c = a << b; console.log(c); // <strong>Output </strong> 16 |
| >>> | Desplaçament a la dreta per bits amb zero | El valor de l'operand esquerre es mou cap a la dreta pel nombre de bits especificat a l'operand dret i s'afegeixen zeros al costat esquerre. | let a = 3; let b = 4; let c = a >>> b; console.log(c); // <strong>Output </strong> 0 |
Operadors d'assignació
Els operadors d'assignació s'utilitzen per assignar un valor a la variable. El costat esquerre de l'operador d'assignació s'anomena variable i el costat dret de l'operador d'assignació s'anomena valor. El tipus de dades de la variable i el valor han de ser els mateixos, en cas contrari, el compilador generarà un error. Els operadors d'assignació són els següents.
| Operador | Nom_operador | Descripció | Exemple |
|---|---|---|---|
| = | Assignar | Assigna valors de l'operand dret a l'esquerra. | let a = 10; let b = 5; console.log('a=b:' +a); // <strong>Output </strong> 10 |
| += | Afegeix i assigna | Afegeix l'operand esquerre amb l'operand dret i assigna el resultat a l'operand esquerre. | let a = 10; let b = 5; let c = a += b; console.log(c); // <strong>Output </strong> 15 |
| -= | Resta i assigna | Resta l'operand dret de l'operand esquerre i assigna el resultat a l'operand esquerre. | let a = 10; let b = 5; let c = a -= b; console.log(c); // <strong>Output </strong> 5 |
| *= | Multiplicar i assignar | Multiplica l'operand esquerre amb l'operand dret i assigna el resultat a l'operand esquerre. | let a = 10; let b = 5; let c = a *= b; console.log(c); // <strong>Output </strong> 50 |
| /= | Dividir i assignar | Divideix l'operand esquerre amb l'operand dret i assigna el resultat a l'operand esquerre. | let a = 10; let b = 5; let c = a /= b; console.log(c); // <strong>Output </strong> 2 |
| %= | Mòdul i assignació | Divideix l'operand esquerre amb l'operand dret i assigna el resultat a l'operand esquerre. | let a = 16; let b = 5; let c = a %= b; console.log(c); // <strong>Output </strong> 1 |
Operador ternari/condicional
L'operador condicional pren tres operands i retorna un valor booleà basat en la condició, tant si és vertadera com falsa. El seu funcionament és similar a una declaració if-else. L'operador condicional té associativitat de dreta a esquerra. La sintaxi d'un operador condicional es mostra a continuació.
expression ? expression-1 : expression-2;
Exemple
let num = 16; let result = (num > 0) ? 'True':'False' console.log(result);
Sortida:
True
Operador de concatenació
L'operador de concatenació (+) és un operador que s'utilitza per afegir les dues cadenes. En l'operació de concatenació, no podem afegir un espai entre les cadenes. Podem concatenar diverses cadenes en una sola instrucció. L'exemple següent ens ajuda a entendre l'operador de concatenació a TypeScript.
Exemple
let message = 'Welcome to ' + 'JavaTpoint'; console.log('Result of String Operator: ' +message);
Sortida:
Result of String Operator: Welcome to JavaTpoint
Operadors de tipus
Hi ha una col·lecció d'operadors disponibles que us poden ajudar quan treballeu amb objectes a TypeScript. Operadors com ara typeof, instanceof, in i delete són els exemples d'operador Type. L'explicació detallada d'aquests operadors es dóna a continuació.
| Nom_operador | Descripció | Exemple |
|---|---|---|
| en | S'utilitza per comprovar l'existència d'una propietat en un objecte. | let Bike = {make: 'Honda', model: 'CLIQ', year: 2018}; console.log('make' in Bike); // <strong>Output:</strong> true |
| esborrar | S'utilitza per eliminar les propietats dels objectes. | let Bike = { Company1: 'Honda', Company2: 'Hero', Company3: 'Royal Enfield' }; delete Bike.Company1; console.log(Bike); // <strong>Output:</strong> { Company2: 'Hero', Company3: 'Royal Enfield' } |
| tipus de | Retorna el tipus de dades de l'operand. | let message = 'Welcome to ' + 'JavaTpoint'; console.log(typeof message); // <strong>Output:</strong> String |
| en lloc de | S'utilitza per comprovar si l'objecte és d'un tipus especificat o no. | let arr = [1, 2, 3]; console.log( arr instanceof Array ); // true console.log( arr instanceof String ); // false |