Een operator is een symbool dat je kunt gebruiken om een variabel makkelijk te manipuleren. Zo is het mogelijk om een variabele dat een getal bevat met 1 op te hogen. Het is dan natuurlijk ook mogelijk om een variabele dat een getal met 1 te verlagen. Dit is maar één voorbeeld. Er zijn erg veel operators die het programmeren gemakkelijker maken. Hieronder heb ik zoveel mogelijk bij elkaar verzameld en in een tabel weergegeven. Deze operators zijn erg belangrijk bij een aantal programmeerzaken en zelfs essentiëel bij anderen. Blijf dus oefenen met deze operators.
| Operator | Beschrijving | Voorbeeld | Resultaat |
|
|
|||
| = | Toewijzen | i = 5; | i bevat nu 5 |
| += | Optellen en toewijzen | i = 5; i += 5; | i bevat nu 10 |
| -= | Aftrekken en toewijzen | i = 5; i -= 5; | i bevat nu 0 |
| /= | Delen en toewijzen | i = 10; i /= 2; | i bevat nu 5 |
| *= | Vermenigvuldigen en toewijzen | i = 2; i *= 5; | i bevat nu 10 |
| %= | Restdelen en toewijzen | i = 5; i %= 2; | i bevat nu 1 |
| + | Optellen | i = 5 + 5; | i bevat nu 10 |
| - | Aftrekken | i = 5 - 3; | i bevat nu 2 |
| / | Delen | i = 10 / 2; | i bevat nu 5 |
| * | Vermenigvuldigen | i = 10 * 2; | i bevat nu 20 |
| ++ | Verhogen | i = 5; i++; | i bevat nu 6 |
| -- | Verlagen | i = 5; i--; | i bevat nu 4 |
| % | Restdeling (modulus) | i = 5 % 2; | i bevat nu 1 |
Hierboven heb ik bij voorbeeld gebruik gemaakt van getallen. JavaScript kent nog een hele mooie feature, typecasting. Als je een een getal met een string combineert, zal het resultaat gecast worden naar een string. Als je een string en een andere string combineert, zal het resultaat de twee strings naast elkaar zijn.
Ik heb een webshop waar ik een aantal producten verkoop. Bij mijn speciale webshop is het mogelijk om bepaalde producten aan te vinken. Als er een checkbox aangevinkt wordt, zal de prijs van het product met behulp van JavaScript opgeteld worden bij het totaal in het winkelwagentje. Aangezien ik een onderneming ben, wil ik niet gaan opdraaien voor de verzendkosten van mijn producten.
Bij elke checkbox dat aangevinkt wordt, zal dus ook verzendkosten bij opgeteld moeten worden. Nu wil ik wel mijn klanten tegemoet komen, dus bij €50,-- of hoger wil ik dat de verzendkosten komen te vervallen. Met JavaScript is het mogelijk om een operator te gebruiken die de variabele van de totaalprijs kan vergelijken met mijn €50,-- limiet. Dit noemen we vergelijkingsoperatoren. Hieronder vind je een overzicht van alle operators.
| Operator | Beschrijving | Voorbeeld | Resultaat |
|
|
|||
| == | Is gelijk aan | i = 6; i == 5 | False, i == 6 |
| === | is exact gelijk aan (zowel waarde als type) | i = 5; i === "5" | False, i === 5 |
| != | Is niet gelijk | i = 5; i != 6; | True, i != 6 |
| < | Is kleiner dan | i = 10; i < 20; | True, i < 20 |
| > | Is groter dan | i = 2; i > 5; | False, i < 5 |
| <= | Is kleiner dan of gelijk aan | i = 2; i <= 5; | True, i < 5 |
| >= | Is groter dan of gelijk aan | i = 5; i >= 5; | True, i == 5 |
En de laatste type operatoren zijn de logische operatoren. Deze operatoren zijn bedoeld om meerdere vergelijkingen te combineren. Om het voorbeeld van mijn webshop aan te houden: ik wil graag dat de verzendkosten vervallen als men minimaal 10 producten heeft besteld of minimaal €50,-- heeft besteed in mijn webshop.
Nu is dit goed mogelijk door de is groter of gelijk aan operator te gebruiken. Maar je zult diezelfde operator moeten gebruiken voor de €50,--. Dit zou betekenen dat je twee statements zult moeten gebruiken. Een voorbeeld is dan:
var aantalProducten = 11; var totaalPrijs = 60.34; var verzendKosten = 10.33; if (aantalProducten => 10) { // laat de verzendkosten vallen verzendKosten = 0.00; } if (totaalPrijs => 50.00) { // laat de verzendkosten vallen verzendKosten = 0.00; }
Zoals je ziet is dat nogal wat code om enkel de verzendkosten te laten vervallen. Gelukkig zijn er de logische operatoren die je kunnen helpen. Hieronder vind je een overzicht van de beschikbare operatoren.