2 Variabelen

2.3 Numbers

Print deze pagina

Bekijk PDF

» Inhoudstafel
2.3.1 Inleiding
2.3.2 Integers
2.3.3 Floats

Test je kennis!

2.3.1 Inleiding

Numbers is een object in JavaScript die gebruikt wordt om met numerieke waarden te spelen. Numbers heeft 2 "familieleden":

Ik zeg hier familieleden, en niet objectextends van Numbers, aangezien javascript niet werkt met classes, maar met objecten.

Een voorbeeld om te laten zien dat Number en Integer en Float met elkaar te maken hebben:

alert( Number("334") ); // output: 334
alert( Number("334.54") ); // output: 334.54
alert( Number("335lala54") ); // output: NaN

In het laatste alertboxje zie je NaN als output. Dat betekent Not a Number. Aangezien je deze output niet kreeg bij de eerste alertboxje (integer) en bij de tweede alertboxje (float), weet je dat ze bij dezelfde "familie" horen.

Laten we snel doorgaan met Integer.

2.3.2 Integers

Met integers kun je berekeningen uitvoeren. Ook worden integers vaak gebruikt voor het bijhouden van iteraties.

Meer over iteraties in hoofdstuk 5

Laten we een integer aanmaken waarin we bijhouden hoeveel producten we hebben en hoeveel wij hebben besteld.

var aantalProducten = 20;
var aantalBesteld = 0;
 
// Wij gaan een aantal producten bestellen,
// maar bij het bestellen moet onze voorraad verminderd worden
// we gaan 4 producten bestellen
 
aantalBesteld = aantalBesteld + 4;
aantalProducten = aantalProducten - 4;

Je ziet hier dat we de plus-teken en de min teken ook kunnen gebruiken bij variabelen.
Dat komt omdat JavaScript die gewoon leest als een integer
(bij initialisatie hebben we dat gedefineerd).

Nu hebben we we 4 producten besteld, maar we weten niet hoeveel euro dat kost. Voor dit voorbeeld gaan we ervanuit dat elk product 3 euro kost. Nu moeten we aantalBesteld vermenigvuldigen met 3 euro.

In de praktijk hebben we geleerd dat prijzen vaak veranderen, dus laten we voor het gemak de prijs ook opslaan in een variabale. We hebben immers genoeg ruimte om variabelen te maken.

var aantalProducten = 20;
var aantalBesteld = 0;
var prijsProduct = 3;
var totaalPrijs = 0;
 
aantalBesteld = aantalBesteld + 4;
aantalProducten = aantalProducten - 4;
totaalPrijs = aantalBesteld * prijsProduct;

In dit voorbeeld kun je dus zien dat 2 variabelen ook met elkaar gerekend kan worden.

In een winkel wordt ook gerekend met een btw percentage dat meegerekend moet worden aan het totaal. We gaan in dit voorbeeld dus de code aanpassen zodat totaalPrijs het totaal + btw bevat.

var aantalProducten = 20;
var aantalBesteld = 0;
var prijsProduct = 3;
var totaalPrijs = 0;
 
aantalBesteld = aantalBesteld + 4;
aantalProducten = aantalProducten - 4;
totaalPrijs = aantalBesteld * prijsProduct;
totaalPrijs = totaalPrijs + ( ( totaalPrijs / 100 ) * 19 );

2.3.3 Floats

In plaats van de btw zo uit te rekenen, kunnen we ook een float gebruiken en die vermenigvuldigen met het totaal. Laten we dat gaan doen:

var aantalProducten = 20;
var aantalBesteld = 0;
var prijsProduct = 3;
var totaalPrijs = 0.00;
var btw = 0.19;
 
aantalBesteld = aantalBesteld + 4;
aantalProducten = aantalProducten - 4;
totaalPrijs = aantalBesteld * prijsProduct;
totaalPrijs = totaalPrijs + ( totaalPrijs * btw )

Net zoals in het laatste voorbeeld van de vorige paragraaf gebruiken we ook hier haakjes. Deze zijn bedoelt om berekeningen te groeperen zodat die afzonderlijk worden uitgevoerd.

Zie je met welke teken wij de hele getal scheiden van de decimalen ? We maken gebruik van een punt om een float te maken. Een float heeft decimalen, dat is het verschil tussen een Float en een Integer.

Je hebt in dit voorbeeld ook gezien dat floats en integers gemakkelijk met elkaar kunnen rekenen. Dit komt omdat Integers en Floats van de superobject Number komen en dus makkelijk met elkaar kunnen werken. Ook kunnen integers makkelijk floats worden en andersom.

« Strings Arrays »