In deze zelfstudie leert u met behulp van voorbeelden over verschillende operators die in JavaScript beschikbaar zijn en hoe u deze kunt gebruiken.
Wat is een operator?
In JavaScript is een operator een speciaal symbool dat wordt gebruikt om bewerkingen uit te voeren op operanden (waarden en variabelen). Bijvoorbeeld,
2 + 3; // 5
Hier +is een operator die optellen uitvoert, en 2en 3zijn operanden.
JavaScript-operatortypen
Hier is een lijst met verschillende operators die u in deze tutorial zult leren.
- Toewijzingsoperatoren
- Rekenkundige operatoren
- Vergelijkingsoperatoren
- Logische operators
- Bitwise-operators
- Stringoperatoren
- Andere operators
JavaScript-toewijzingsoperatoren
Toewijzingsoperatoren worden gebruikt om waarden aan variabelen toe te wijzen . Bijvoorbeeld,
const x = 5;
Hier wordt de =operator gebruikt om waarde toe te wijzen 5aan variabele x.
Hier is een lijst met veelgebruikte toewijzingsoperatoren:
| Operator | Naam | Voorbeeld |
|---|---|---|
= | Toewijzingsoperator | a = 7; // 7 |
+= | Toevoegingstoewijzing | a += 5; // a = a + 5 |
-= | Aftrekopdracht | a -= 2; // a = a - 2 |
*= | Toewijzing van vermenigvuldiging | a *= 3; // a = a * 3 |
/= | Divisie-toewijzing | a /= 2; // a = a / 2 |
%= | Overige toewijzing | a %= 2; // a = a % 2 |
**= | Toewijzing van machtsverheffen | a **= 2; // a = a**2 |
Opmerking: de meest gebruikte toewijzingsoperator is =. U vindt er andere opdracht operatoren zoals begrijpen +=, -=, *=enz. Zodra we rekenkundige operatoren te leren.
JavaScript-rekenkundige operatoren
Rekenkundige operatoren worden gebruikt om rekenkundige berekeningen uit te voeren . Bijvoorbeeld,
const number = 3 + 5; // 8
Hier wordt de +operator gebruikt om twee operanden toe te voegen.
| Operator | Naam | Voorbeeld |
|---|---|---|
+ | Toevoeging | x + y |
- | Aftrekken | x - y |
* | Vermenigvuldiging | x * y |
/ | Divisie | x / y |
% | Rest | x % y |
++ | Verhogen (verhogingen met 1) | ++x of x++ |
-- | Verlagen (verlaagt met 1) | --x of x-- |
** | Exponentiatie (macht) | x ** y |
Voorbeeld 1: rekenkundige operatoren in JavaScript
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);
Bezoek ++ en - operator voor meer informatie.
Uitvoer
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
Opmerking : De ** operator is geïntroduceerd in EcmaScript 2016 en sommige browsers ondersteunen deze mogelijk niet. Ga voor meer informatie naar JavaScript-exponentiation browser-ondersteuning.
JavaScript-vergelijkingsoperatoren
Vergelijkingsoperatoren vergelijken twee waarden en retourneren een booleaanse waarde, ofwel trueof false. Bijvoorbeeld,
const a = 3, b = 2; console.log(a> b); // true
Hier wordt de vergelijkingsoperator >gebruikt om te vergelijken of a groter is dan b.
| Operator | Omschrijving | Voorbeeld |
|---|---|---|
== | Gelijk aan : retourneert trueals de operanden gelijk zijn | x == y |
!= | Niet gelijk aan : retourneert trueals de operanden niet gelijk zijn | x != y |
=== | Strikt gelijk aan : trueals de operanden gelijk zijn en van hetzelfde type | x === y |
!== | Strikt niet gelijk aan : trueals de operanden gelijk zijn maar van een ander type of helemaal niet gelijk | x !== y |
> | Groter dan : trueals de linker operand groter is dan de rechter operand | x> y |
>= | Groter dan of gelijk aan : trueals de linker operand groter is dan of gelijk is aan de rechter operand | x>= y |
< | Minder dan : trueals de linker operand kleiner is dan de rechter operand | x < y |
<= | Kleiner dan of gelijk aan : trueals de linker operand kleiner is dan of gelijk is aan de rechter operand | x <= y |
Voorbeeld 2: vergelijkingsoperatoren in JavaScript
// 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
Opmerking: wanneer +wordt gebruikt met tekenreeksen, wordt aaneenschakeling uitgevoerd. Wanneer het +echter met getallen wordt gebruikt, voert het optellen uit.
Andere JavaScript-operators
Hier is een lijst met andere operators die beschikbaar zijn in JavaScript. In latere tutorials leert u over deze operators.
| Operator | Omschrijving | Voorbeeld |
|---|---|---|
, | evalueert meerdere operanden en retourneert de waarde van de laatste operand. | let a = (1, 3 , 4); // 4 |
?: | geeft waarde terug op basis van de voorwaarde | (5> 3) ? 'success' : 'error'; // "success" |
delete | verwijdert de eigenschap van een object of een element van een array | delete x |
typeof | geeft een tekenreeks terug die het gegevenstype aangeeft | typeof 3; // "number" |
void | negeert de retourwaarde van de uitdrukking | void(x) |
in | geeft terug trueals de opgegeven eigenschap in het object zit | prop in object |
instanceof | geeft terug trueals het opgegeven object van het opgegeven objecttype is | object instanceof object_type |
