7 soorten JavaScript-operators die u moet kennen

Een operator is een symbool dat de tolk vertelt om een ​​specifieke wiskundige, relationele of logische bewerking uit te voeren. Operators nemen een of meer operanden en zijn in staat om doelwaarden of operanden te manipuleren.

In dit artikel leert u met voorbeelden over verschillende operators in JavaScript en hoe u deze kunt gebruiken.

Typen JavaScript-operatoren

Dit zijn de verschillende operators die JavaScript ondersteunt:

1. rekenkundige operatoren
2. Toewijzingsoperators
3. Tekenreeksoperators
4. Vergelijkingsoperatoren
5. Logische operatoren
6. Bitsgewijze operators
7. Speciale operators

1. Rekenkundige operatoren

U kunt rekenkundige operatoren gebruiken om wiskundige berekeningen op de operanden uit te voeren. JavaScript biedt de volgende rekenkundige operatoren:

Toevoeging Operator (+)

U kunt de opteloperator (+) om optellen op de operanden uit te voeren.

laat a = 12;
laat b = 10;
laat resultaat = a+b;
console.log (resultaat)
console.log (1+2);
console.log (a+6);

Uitgang::

22
3
18

Aftrekoperator(-)

Gebruik de aftrekkingsoperator (-) om de rechter operand van de linker operand af te trekken.

laat a = 10;
laat b = 4;
laat resultaat = a-b;
console.log (resultaat);
console.log (23-20);

Uitgang::

6
3

Vermenigvuldigingsoperator (*)

Maak gebruik van de vermenigvuldigingsoperator (*) om de operanden te vermenigvuldigen.

laat a = 10;
laat b = 4;
laat resultaat = a*b;
console.log (resultaat);
console.log (23*20);

Uitgang::

40
460

Divisie Operator (/)

U kunt de delingsoperator (/) om deling op de operanden uit te voeren.

laat a = 10;
laat b = 4;
laat resultaat = a/b;
console.log (resultaat);
console.log (40/20);

Uitgang::

2.5
2

Modulus-operator (%)

De modulus-operator (%) geeft de rest van het gehele getal terug door twee operanden te duiken.

laat a = 10;
laat b = 4;
laat resultaat = a%b;
console.log (resultaat);
console.log (40%20);

Uitgang::

2
0

Machtigingsoperator (**)

De exponentiatie-operator (**) berekent het grondtal tot de macht van de exponent (grondtal^exponent).

laat a = 3;
console.log (a**4);

Uitgang::

81

Verhogingsoperator (++)

De stapsgewijze operator (++) verhoogt de integerwaarde met één.

laat a = 3;
// Waarde van a=4 en retourneert 4
console.log(++a);
// Waarde van a=5 en retourneert 4
console.log (a++);
// Waarde van a=5 en geeft 5. terug
console.log (a);

Uitgang::

4
4
5

Operator verlagen (--)

De decrement-operator (--) verlaagt de integerwaarde met één.

laat a = 3;
// Waarde van a=2 en retourneert 2
console.log(--a);
// Waarde van a=1 en retourneert 2
console.log (a--);
// Waarde van a=1 en retourneert 1
console.log (a);

Uitgang::

2
2
1

Unary Plus-operator(+)

De unaire plus-operator (+) probeert de operand om te zetten in een getal als dit er nog niet is.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (false));
console.log (typeof(+false));

Uitgang::

snaar
nummer
booleaans
nummer

Unaire ontkenningsoperator(-)

De unaire ontkenningsoperator (-) geeft de ontkenning van zijn operand terug.

laat a = 10;
console.log(-a);

Uitgang::

-10

2. Opdrachtoperators

Gebruik toewijzingsoperators om waarden aan variabelen toe te wijzen. JavaScript biedt de volgende toewijzingsoperators:

Toewijzingsoperator(=)

U kunt de toewijzingsoperator (=) om de waarde van de rechter operand toe te wijzen aan de linker operand.

// 10 toewijzen aan a
laat a = 10;
console.log (a);

Uitgang::

10

Toevoegingsoperator (+=)

De opteltoewijzingsoperator (+=) wordt gebruikt om de linker- en rechteroperandwaarden toe te voegen en het resultaat toe te wijzen aan de linkeroperand.

laat a = 10;
laat b = 5;
// Gelijk aan a = a+b
een += b;
console.log (a);

Uitgang::

15

Toewijzingsoperator voor aftrekken (-=)

De toewijzingsoperator voor aftrekken (-=) trekt de rechter operand af van de linker operand en wijst het resultaat toe aan de linker operand.

laat a = 10;
laat b = 5;
// Gelijk aan a = a-b
een -=b;
console.log (a);

Uitgang::

5

Vermenigvuldiging Toewijzing Operator (*=)

Gebruik de vermenigvuldigingsoperator (*=) om de linker- en rechteroperandwaarden te vermenigvuldigen en het resultaat toe te wijzen aan de linkeroperand.

laat a = 10;
laat b = 5;
// Gelijk aan a = a*b
een *=b;
console.log (a);

Uitgang::

50

Afdelingstoewijzingsoperator (/=)

U kunt de toewijzingsoperator voor delen (/=) om de waarde van de linker operand te delen door de waarde van de rechter operand en het resultaat toe te wijzen aan de linker operand.

laat a = 10;
laat b = 5;
// Gelijk aan a = a/b
een /= b;
console.log (a);

Uitgang::

2

Resterende toewijzingsoperator (%=)

De resttoewijzingsoperator (%=) deelt de linker operand door de rechter operand en wijst de rest toe aan de linker operand.

laat a = 10;
laat b = 5;
// Gelijk aan a = a%b
een %=b;
console.log (a);

Uitgang::

0

Machtstoekenningsoperator (**=)

De exponentiatietoekenningsoperator (**=) verhoogt de linker operand tot de macht van de rechter operand en wijst het resultaat toe aan de linker operand.

laat a = 10;
laat b = 5;
// Gelijk aan a = a**b
een **=b;
console.log (a);

Uitgang::

100000

De bitsgewijze toewijzingsoperatoren (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) werken op dezelfde manier. In de komende secties leert u meer over de bitsgewijze operatoren.

Verwant: Een inleiding tot gegevenstypen in JavaScript

3. String-operators

De aaneenschakelingsoperator (+) wordt gebruikt om strings samen te voegen (toe te voegen).

let resultaat = "Maken" + "Gebruik" + "Van";
console.log (resultaat);

Uitgang::

Gebruikmaken van

4. Vergelijkingsoperators

Vergelijkingsoperatoren worden gebruikt om operanden te vergelijken en retourneert een logische waarde (waar of vals) op basis van vergelijking. JavaScript biedt de volgende vergelijkingsoperatoren:

Gelijke exploitant (==)

De gelijke operator (==) geeft terug waar als de operanden gelijk zijn. Het vergelijkt alleen de waarden van operanden en negeert hun type tijdens het vergelijken.

console.log (2==4);
console.log("2"==2);

Uitgang::

vals
waar

Niet gelijk aan operator(!=)

Niet gelijk operator (!=) geeft terug waar als de operanden niet gelijk zijn. Het negeert ook het type operanden tijdens het vergelijken.

console.log (2!=4);
console.log (2!="2");

Uitgang::

waar
vals

Strikte Gelijke Operator ()

De strikte gelijke operator () geeft terug waar als de operanden gelijk zijn. Het vergelijkt beide - de waarden en typen operanden tijdens het vergelijken.

console.log (24);
console.log("2"2);

Uitgang::

vals
vals

Strikte niet gelijk operator (!==)

De strikte niet gelijk operator (!==) geeft terug waar als de operanden niet gelijk zijn. Het vergelijkt ook beide - de waarden en het type operanden tijdens het vergelijken.

console.log (2 !== 4);
console.log (2 !== "2");

Uitgang::

waar
waar

Groter dan operator (>)

De operator groter dan (>) geeft true terug als de linker operand groter is dan de rechter operand.

console.log (10>4);
console.log (5>5);

Uitgang::

waar
vals

Groter dan of gelijk aan operator (>=)

De operator groter dan of gelijk aan (>=) geeft true terug als de linker operand groter is dan of gelijk is aan de rechter operand.

console.log (10 >= 4);
console.log (5 >= 5);

Uitgang::

waar
waar

Minder dan operator (

De minder dan operator (<) geeft true terug als de linker operand kleiner is dan de rechter operand.

console.log (10<4);
console.log (5<5);

Uitgang::

vals
vals

Kleiner dan of gelijk aan operator(<=)

De kleiner dan of gelijk aan operator (<=) geeft true terug als de linker operand kleiner is dan of gelijk is aan de rechter operand.

console.log (10 <= 4);
console.log (5 <= 5);

Uitgang::

vals
waar

Verwant: Een eenvoudige rekenmachine bouwen met HTML, CSS en JavaScript

5. Logische operators

Volgens de ambtenaar MDN-documenten, JavaScript biedt de volgende logische operatoren:

Logische EN (&&)

Gebruik: uitdr1 && uitdr2

Retourneert expr1 als het kan worden geconverteerd naar onwaar; anders retourneert expr2. Bij gebruik met Booleaanse waarden, && geeft terug waar als beide operanden waar zijn; anders keert het terug vals.

console.log (true && false);

Uitgang::

vals

Logische OF (||)

Gebruik: expr1 || expr2

Retourneert expr1 als het kan worden geconverteerd naar waar; anders retourneert expr2. Bij gebruik met Booleaanse waarden, || geeft terug waar als een van de operanden waar is; als beide onwaar zijn, retourneert vals.

console.log (true || false);

Uitgang::

waar

Logisch NIET (!)

Gebruik: !expr

Geeft terug vals als de enkele operand kan worden geconverteerd naar waar; anders retourneert waar.

console.log(!true);

Uitgang::

vals

6. Bitsgewijze operators

JavaScript biedt de volgende bitsgewijze operators:

Bitgewijs EN-operator (&)

Deze operator voert een Booleaanse uit EN bewerking op elk bit van zijn integerargumenten.

// In binair-
// 4: 100
// 1: 001
console.log (4 & 1);

Uitgang::

0

Bitsgewijze OR-operator (|)

Deze operator voert een Booleaanse uit OF bewerking op elk bit van zijn integerargumenten.

console.log (4 | 1);

Uitgang::

5

Bitsgewijze XOR-operator (^)

Deze operator voert een Booleaanse exclusieve uit OF bewerking op elk bit van zijn integerargumenten.

console.log (4 ^ 1);

Uitgang::

5

Bitgewijs NIET-operator (~)

Deze operator keert alle bits in de operand om.

console.log(~4);

Uitgang::

-5

Opmerking: JavaScript converteert getallen naar 32-bits gehele getallen met teken voordat een bitsgewijze bewerking wordt uitgevoerd. En wanneer de bewerking wordt uitgevoerd, converteert het het resultaat terug naar 64-bits JavaScript-nummers.

Operator linkerploeg (<

Deze operator verschuift alle bits in zijn eerste operand naar links met het aantal plaatsen gespecificeerd in de tweede operand.

console.log (4<<1);

Uitgang::

8

Rechter Shift-operator (>>)

Deze operator verschuift alle bits in zijn eerste operand naar rechts met het aantal plaatsen gespecificeerd in de tweede operand.

console.log (4>>1);

Uitgang::

2

7. Speciale operators

ternaire operator

De ternaire operator is de afkorting van de if-else verklaring. Het wijst waarde toe aan een variabele op basis van een voorwaarde, de syntaxis hiervoor is:

voorwaarde? waarde1: waarde2

Als de voorwaarde waar is, retourneert de operator de waarde van waarde1. Anders retourneert het de waarde van waarde2.

laat resultaat = (200>100)? "Ja nee";
console.log (resultaat);

Uitgang::

Ja

Type operator

De soort van operator wordt gebruikt om het gegevenstype van een waarde of variabele te vinden.

console.log (typeof (100));
console.log (typeof("100"));

Uitgang::

nummer
snaar

Gebruik JavaScript One-Liners om te coderen als een professional

U kunt een breed scala aan bewerkingen uitvoeren met slechts één regel code in JavaScript. Of je nu een array moet shufflen, de donkere modus in een browser moet detecteren, willekeurige UUID moet genereren of het gemiddelde van een array moet vinden, je kunt het bereiken met slechts een regel code.

11 JavaScript-oneliners die u moet kennen

Bereik veel met slechts een beetje code met behulp van dit brede scala aan JavaScript-oneliners.

Lees volgende

Over de auteur