JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JavaScript -rekenkunde


JavaScript rekenkundige operators

Rekenkundige operatoren voeren rekenkundige bewerkingen uit op getallen (letters of variabelen).

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Remainder)
++ Increment
-- Decrement

Rekenkundige bewerkingen

Een typische rekenkundige bewerking werkt op twee getallen.

De twee getallen kunnen letterlijke waarden zijn:

Voorbeeld

let x = 100 + 50;

of variabelen:

Voorbeeld

let x = a + b;

of uitdrukkingen:

Voorbeeld

let x = (100 + 50) * a;

Operatoren en operanden

De getallen (in een rekenkundige bewerking) worden operanden genoemd .

De bewerking (die tussen de twee operanden moet worden uitgevoerd) wordt gedefinieerd door een operator .

operand Operator operand
100 + 50


Toevoegen

De opteloperator ( +) voegt getallen toe:

Voorbeeld

let x = 5;
let y = 2;
let z = x + y;

aftrekken

De aftrekkingsoperator ( -) trekt getallen af.

Voorbeeld

let x = 5;
let y = 2;
let z = x - y;

Vermenigvuldigen

De vermenigvuldigingsoperator ( *) vermenigvuldigt getallen.

Voorbeeld

let x = 5;
let y = 2;
let z = x * y;

delen

De delingsoperator ( /) deelt getallen.

Voorbeeld

let x = 5;
let y = 2;
let z = x / y;

Rest

De modulus - operator ( %) retourneert de delingsrest.

Voorbeeld

let x = 5;
let y = 2;
let z = x % y;

In de rekenkunde levert de deling van twee gehele getallen een quotiënt en een rest op .

In de wiskunde is het resultaat van een modulo-bewerking de rest van een rekenkundige deling.


ophogen

De stapsgewijze operator ( ++) verhoogt getallen.

Voorbeeld

let x = 5;
x++;
let z = x;

aflopend

De decrement- operator ( --) verlaagt getallen.

Voorbeeld

let x = 5;
x--;
let z = x;

Machtsverheffing

De exponentiatie - operator ( **) verhoogt de eerste operand tot de macht van de tweede operand.

Voorbeeld

let x = 5;
let z = x ** 2;          // result is 25

x ** y geeft hetzelfde resultaat als Math.pow(x,y):

Voorbeeld

let x = 5;
let z = Math.pow(x,2);   // result is 25

Voorrang van operator

Operatorprioriteit beschrijft de volgorde waarin bewerkingen worden uitgevoerd in een rekenkundige uitdrukking.

Voorbeeld

let x = 100 + 50 * 3;

Is het resultaat van het bovenstaande voorbeeld hetzelfde als 150 * 3, of is het hetzelfde als 100 + 150?

Wordt eerst de optelling of de vermenigvuldiging gedaan?

Net als bij de traditionele schoolwiskunde, wordt eerst de vermenigvuldiging gedaan.

Vermenigvuldigen ( *) en delen ( /) hebben een hogere prioriteit dan optellen ( +) en aftrekken ( -).

En (zoals in schoolwiskunde) kan de prioriteit worden gewijzigd door haakjes te gebruiken:

Voorbeeld

let x = (100 + 50) * 3;

Als u haakjes gebruikt, worden eerst de bewerkingen tussen haakjes berekend.

Als veel bewerkingen dezelfde prioriteit hebben (zoals optellen en aftrekken), worden ze van links naar rechts berekend:

Voorbeeld

let x = 100 + 50 - 3;

Voorrangswaarden JavaScript-operator

Lichtrode vermeldingen geven ECMAScript 2015 (ES6) of hoger aan.

Waarde Operator Beschrijving Voorbeeld
21 ( ) Expressie groepering (3 + 4)
       
20 . Lid persoon.naam
20 [] Lid persoon["naam"]
20 () Functie oproep mijnFunctie()
20 nieuwe Creëren nieuwe datum()
       
18 ++ Postfix-toename ik++
18 -- Postfix-afname I--
       
17 ++ Toename voorvoegsel ++i
17 -- Prefix Verlagen --I
17 ! Logisch niet !(x==y)
17 soort van Type type x
       
16 ** Machtsverheffing (ES2016) 10 ** 2
       
15 * Vermenigvuldiging 10 * 5
15 / Divisie 10 / 5
15 % Divisie Rest 10 % 5
       
14 + Toevoeging 10 + 5
14 - aftrekken 10 - 5
       
13 << Shift naar links x << 2
13 >> Shift naar rechts x >> 2
13 >>> Shift rechts (ongetekend) x >>> 2
       
12 < Minder dan x < y 
12 <= Minder dan of gelijk x <= y
12 > Groter dan x > ja
12 >= Groter dan of gelijk aan x >= y
12 in Eigenschap in Object "PI" in Math
12 instantie van instantie van object instantie van Array
       
11 == Gelijkwaardig x == y
11 === strikt gelijk x === y
11 != ongelijke x != y
11 !== Strikt ongelijk x !== y
       
10 & Bitgewijs EN x & y
9 ^ Bitsgewijze XOR x ^ y
8 | Bitgewijs OF x | ja
7 && Logische AND x && y
6 || Logische OR x || ja
5 ?? Nullish Coalescentie x?? ja
4 ? : Voorwaarde ? "Ja nee"
       
3 += Opdracht x += y
3 /= Opdracht x /= y
3 -= Opdracht x -= y
3 *= Opdracht x *= y
3 %= Opdracht x %= y
3 <<= Opdracht x <<= ja
3 >>= Opdracht x >>= ja
3 >>>= Opdracht x >>>= ja
3 &= Opdracht x &= y
3 ^= Opdracht x ^= y
3 |= Opdracht x |= y
       
2 opbrengst Pauzefunctie opbrengst x
1 , Komma 5 , 6

Expressies tussen haakjes worden volledig berekend voordat de waarde in de rest van de expressie wordt gebruikt.


Test jezelf met oefeningen

Oefening:

Deel 10door 2, en alarmeer het resultaat.

alert(10  2);