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 -operators


Voorbeeld

Wijs waarden toe aan variabelen en tel ze bij elkaar op:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

De toewijzingsoperator ( =) kent een waarde toe aan een variabele.

Opdracht

let x = 10;

De opteloperator ( +) voegt getallen toe:

Toevoegen

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

De vermenigvuldigingsoperator ( *) vermenigvuldigt getallen.

Vermenigvuldigen

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


JavaScript rekenkundige operators

Rekenkundige operatoren worden gebruikt om rekenkundige bewerkingen uit te voeren op getallen:

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

Rekenkundige operatoren worden volledig beschreven in het hoofdstuk JS Rekenen .


JavaScript-toewijzingsoperators

Toewijzingsoperators wijzen waarden toe aan JavaScript-variabelen.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

De toewijzingsoperator voor optellen ( +=) voegt een waarde toe aan een variabele.

Opdracht

let x = 10;
x += 5;

Toewijzingsoperators worden volledig beschreven in het hoofdstuk JS-toewijzing .


JavaScript-tekenreeksoperators

De +operator kan ook worden gebruikt om strings toe te voegen (samen te voegen).

Voorbeeld

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Het resultaat van text3 is:

John Doe

De +=toewijzingsoperator kan ook worden gebruikt om strings toe te voegen (samenvoegen):

Voorbeeld

let text1 = "What a very ";
text1 += "nice day";

Het resultaat van tekst1 is:

What a very nice day

Bij gebruik op strings wordt de +-operator de concatenatie-operator genoemd.


Tekenreeksen en cijfers toevoegen

Als je twee getallen toevoegt, wordt de som geretourneerd, maar als je een getal en een tekenreeks toevoegt, wordt een tekenreeks geretourneerd:

Voorbeeld

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Het resultaat van x , y en z is:

10
55
Hello5

Als u een getal en een tekenreeks toevoegt, is het resultaat een tekenreeks!


JavaScript-vergelijkingsoperators

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Vergelijkingsoperatoren worden volledig beschreven in het hoofdstuk JS-vergelijkingen .


Logische JavaScript-operators

Operator Description
&& logical and
|| logical or
! logical not

Logische operators worden volledig beschreven in het hoofdstuk JS-vergelijkingen .


JavaScript-type operators

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Type-operators worden volledig beschreven in het hoofdstuk JS-typeconversie .


JavaScript Bitwise-operators

Bit-operators werken op 32-bits getallen.

Elke numerieke operand in de bewerking wordt omgezet in een 32-bits getal. Het resultaat wordt terug geconverteerd naar een JavaScript-nummer.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

De bovenstaande voorbeelden gebruiken 4-bits niet-ondertekende voorbeelden. Maar JavaScript gebruikt 32-bits ondertekende nummers.
Daarom zal in JavaScript ~ 5 geen 10 retourneren. Het zal -6 retourneren.
~000000000000000000000000000101 geeft 1111111111111111111111111111111010 terug

Bitwise-operators worden volledig beschreven in het hoofdstuk JS Bitwise .


Test jezelf met oefeningen

Oefening:

Vermenigvuldig 10met 5, en alarmeer het resultaat.

alert(10  5);