Selles õpetuses saate teada mitmesuguste JavaScripti pakutavate operaatorite ja nende kasutamise kohta näidete abil.
Mis on operaator?
JavaScripti puhul on operaator spetsiaalne sümbol, mida kasutatakse operandide (väärtuste ja muutujate) toimingute tegemiseks. Näiteks,
2 + 3; // 5
Siin +on operaator, kes teostab liitmist 2ja 3on operandid.
JavaScripti operaatoritüübid
Siin on loetelu erinevatest operaatoritest, mida selles õpetuses õpite.
- Ülesandeoperaatorid
- Aritmeetikaoperaatorid
- Võrdlusoperaatorid
- Loogilised operaatorid
- Bitipõhised operaatorid
- Stringioperaatorid
- Muud operaatorid
JavaScripti omistamise operaatorid
Ülesanne operaatorid kasutatakse Määra väärtused muutujatele. Näiteks,
const x = 5;
Siin kasutatakse =operaatorit 5muutujale väärtuse määramiseks x.
Siin on nimekiri kõige sagedamini kasutatavatest määranguoperaatoritest:
| Operaator | Nimi | Näide |
|---|---|---|
= | Ülesandeoperaator | a = 7; // 7 |
+= | Lisamise määramine | a += 5; // a = a + 5 |
-= | Lahutamise omistamine | a -= 2; // a = a - 2 |
*= | Korrutamise määramine | a *= 3; // a = a * 3 |
/= | Jaoskonna ülesanne | a /= 2; // a = a / 2 |
%= | Ülejäänud ülesanne | a %= 2; // a = a % 2 |
**= | Eksponentimise ülesanne | a **= 2; // a = a**2 |
Märkus . Tavaliselt kasutatakse määranguoperaatorit =. Te mõistate teiste loovutamise operaatorid nagu +=, -=, *=jne kord õpime aritmeetiline operaatorid.
JavaScripti aritmeetikaoperaatorid
Aritmeetiliste operaatorite abil tehakse aritmeetilisi arvutusi . Näiteks,
const number = 3 + 5; // 8
Siin kasutatakse +operaatorit kahe operandi lisamiseks.
| Operaator | Nimi | Näide |
|---|---|---|
+ | Lisamine | x + y |
- | Lahutamine | x - y |
* | Korrutamine | x * y |
/ | Jaotus | x / y |
% | Ülejäänud | x % y |
++ | Kasv (samm 1 võrra) | ++x või x++ |
-- | Vähendamine (kahandamine 1 võrra) | --x või x-- |
** | Eksponentimine (võim) | x ** y |
Näide 1: Aritmeetikaoperaatorid JavaScriptis
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Lisateabe saamiseks külastage operaatorit ++ ja -.
Väljund
x + y = 8 x - y = 2 x * y = 15 x / y = 1,6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Märkus . Operaator ** võeti kasutusele EcmaScript 2016 -s ja mõned brauserid ei pruugi neid toetada. Lisateabe saamiseks külastage JavaScripti eksponentimise brauseri tugiteenust.
JavaScripti võrdlusoperaatorid
Võrdlusoperaatorid võrdlevad kahte väärtust ja tagastavad tõeväärtuse kas truevõi false. Näiteks,
const a = 3, b = 2; console.log(a> b); // true
Siin kasutatakse võrdlusoperaatorit, >et võrrelda, kas a on suurem kui b.
| Operaator | Kirjeldus | Näide |
|---|---|---|
== | Võrdne : tagastab, truekui operandid on võrdsed | x == y |
!= | Pole võrdne : tagastab, truekui operandid pole võrdsed | x != y |
=== | Rangelt võrdne : truekui operandid on võrdsed ja sama tüüpi | x === y |
!== | Rangelt mitte võrdne : truekui operandid on võrdsed, kuid erinevat tüüpi või pole üldse võrdsed | x !== y |
> | Suurem kui : truekui vasak operand on suurem kui parem operand | x> y |
>= | Suurem või võrdne : truekui vasak operand on paremast operandist suurem või sellega võrdne | x>= y |
< | Vähem kui : truekui vasak operand on väiksem kui parem operand | x < y |
<= | Vähem või võrdne : truekui vasak operand on väiksem või võrdne parema operandiga | x <= y |
Näide 2: JavaScripti võrdlusoperaatorid
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Märkus. Kui +seda kasutatakse stringidega, teostab see liitmist. Kuid kui +seda kasutatakse koos numbritega, siis see lisab.
Muud JavaScripti operaatorid
Siin on nimekiri muudest JavaScripti pakutavatest operaatoritest. Nende operaatorite kohta saate teada hilisemates õpetustes.
| Operaator | Kirjeldus | Näide |
|---|---|---|
, | hindab mitut operandi ja tagastab viimase operandi väärtuse. | let a = (1, 3 , 4); // 4 |
?: | tagastab tingimuse põhjal väärtuse | (5> 3) ? 'success' : 'error'; // "success" |
delete | kustutab objekti atribuudi või massiivi elemendi | delete x |
typeof | tagastab stringi, mis näitab andmetüüpi | typeof 3; // "number" |
void | loobub avaldise tagastusväärtusest | void(x) |
in | tagastab, truekui määratud atribuut on objektis | prop in object |
instanceof | tagastab, truekui määratud objekt on määratud tüüpi objekti | object instanceof object_type |
