Een tekenreeks wordt in Javascript gezien als een String. In feite vormt een String een object die een eigenschap length heeft en tal van interessante methoden ondersteund:
| methode |
beschrijving |
| toUpperCase |
Zet de tekenreeks om in hoofdletters |
| toLowerCase |
Zet de tekenreeks om in kleine letters |
| substring |
Retourneert een deel uit een string met meeggeven begin- en eindpositie |
| substr |
Retourneert een deel uit een string met meeggeven beginpositie en het aantal tekens |
| concat |
Voegt tekenreeksen samen |
| indexOf |
Retourneert de eerste positie van een meegegeven argument, je kan als tweede argument de startpositie voor het zoeken meegeven |
| LastIndexOf |
Retourneert de laatste positie van een meegegeven argument |
| charAt |
Retourneert het teken op de aangegeven positie |
| split |
Splitst de tekenreeks in een Array, met een aangegeven delimeter of scheidingsteken |
Voorbeeld:
var tekst = "Ik ben een stukje tekst";
document.write("<br><b>" +(tekst) +"</b>");
document.write("<br>type: <b>" +typeof(tekst) +"</b>");
document.write("<br>lengte: <b>" +tekst.length +"</b>");
document.write("<br>hoofdletters: <b>" +tekst.toUpperCase() +"</b>");
document.write("<br>kleine letters: <b>" +tekst.toLowerCase() +"</b>");
document.write("<br>substring 11,15: <b>" +tekst.substring(11,15) +"</b>");
document.write("<br>substr 11,4: <b>" +tekst.substr(11,4) +"</b>");
document.write("<br>concat: <b>" +tekst.concat(", met nog een stukje erbij.") +"</b>");
document.write("<br>concat(+): <b>" +tekst +", met nog een stukje erbij." +"</b>");
document.write("<br>indexOf(t): <b>" +tekst.indexOf("t") +"</b>");
document.write("<br>lastIndexOf(t): <b>" +tekst.lastIndexOf("t") +"</b>");
document.write("<br>charAt(21): <b>" +tekst.charAt(21) +"</b>");
document.write("<p><u>split:</u>");
var reeks = new Array();
reeks = tekst.split(" ");
document.write("<br>Eerste woord: <b>" +reeks[0] +"</b>");
document.write("<br>Tweede woord: <b>" +reeks[1] +"</b>");
Het gebruik van Arrays komt verderop in de cursus aan bod.
Het is belangrijk in te zien dat het toepassen van deze methoden op de String tekst enkel als retourwaarde van de gebruikte methode de gemanipuleerde tekenreeks bevat. Dit wil zeggen dat de originele String tekst in geen enkel geval blijvend werd aangepast. Hiervoor moet je het resultaat van de methode toekennen aan de variabele tekst.
Methoden om HTML-opdrachten te gebruiken:
| Methode |
Beschrijving |
| bold |
Zet de tekenreeks vet |
| italics |
Zet de tekenreeks schuin |
| strike |
Zet de tekenreeks doorstreept |
| blink |
Doet de tekereeks knipperen (indien ondersteund) |
| big |
Maakt het uitzicht van de tekenreeks groter |
| small |
Maakt het uitzicht van de tekenreeks kleiner |
| sup |
Zet de tekenreeks in superscript |
| sub |
Zet de tekenreeks in subscript |
| link |
Maakt van de tekenreeks een hyperlink |
| anchor |
Maakt van de tekenreeks een anchor |
var tekst = "Ik ben een stukje tekst";
document.write("<br>" +tekst.bold());
document.write("<br>" +tekst.bold().italics());
document.write("<br>" +tekst.link("http://www.cnn.com").italics());
Het object
Number heeft een vijftal eigenschappen:
| Eigenschap |
Beschrijving |
| NaN |
Geen geldig getal |
| MAX_VALUE |
Grootst geldige getal |
| MIN_VALUE |
Kleinst geldige getal |
| POSITIVE_INFINITY |
Oneindig |
| NEGATIVE_INFINITY |
Min oneindig |
Het object Number heeft een methode: toString: hiermee kan je een getalwaarde omzetten in een tekenreeks. Je kan als argument het tallenstelsel meegeven waarmee je wenst te werken.
document.write("<br>" +Number.NaN);
document.write("<br>" +Number.MAX_VALUE);
document.write("<br>" +Number.MIN_VALUE);
document.write("<br>" +Number.POSITIVE_INFINITY);
document.write("<br>" +Number.NEGATIVE_INFINITY);
document.write("<hr>");
var a = 56;
document.write("<br>toString:" +a.toString());
document.write("<br>toString(10): " +a.toString(10));
document.write("<br>toString(16): " +a.toString(16));
document.write("<br>toString(2): " +a.toString(2));
document.write("<br>toString(8): " +a.toString(8));
Het object Math kan je gebruiken voor wiskundige berekeningen, jaja :)
Eigenschappen van het object Math: (er zijn er meer).
| Eigenschap |
Beschrijving |
| PI |
Het getal pi |
| E |
Het getal e (getal van Euler) |
Methoden van het object Math:
| Methode |
Beschrijving |
| round(x) |
Afronden tot een integer
groter of gelijk aan .5: naar boven
kleiner dan .5: naar beneden |
| random() |
Willekeurig getal tussen 0 en 1 |
| abs(x) |
absolute waarde van een getal |
| abs(x) |
absolute waarde van een getal |
| sin(x) |
sinus |
| cos(x) |
cosinus |
| tan(x) |
tangens |
| asin(x) |
boogsinus |
| acos(x) |
boogcosinus |
| atan(x) |
boogtangens |
| log(x) |
natuurlijke logarithme: loge(x) |
| exp(x) |
ex |
| sqrt(x) |
vierkantswortel |
| round(x) |
afronden tot een geheel getal |
| ceil(x) |
gehele waarde die groter of gelijk is |
| floor(x) |
gehele waarde die kleiner of gelijk is |
| pow(x,y) |
xy |
| min(x,y) |
kleinste waarde |
| max(x,y) |
grootste waarde |
<HTML>
<HEAD>
<TITLE>Cursus HTML - IVO Brugge</TITLE>
<script type="text/javascript">
function radgrad(rad) {
// pi radialen = 180 graden
return (rad * 180) / Math.PI;
}
</script>
</HEAD>
<BODY>
<script type="text/javascript">
<!--
var getal1 = 8;
var getal2 = 2;
var getal3 = -2.89;
document.write("<br>getal1: " +getal1);
document.write("<br>getal2: " +getal2);
document.write("<br>getal3: " +getal3);
document.write("<br>abs(getal3): " +Math.abs(getal3));
document.write("<br>getal2 in graden: " +radgrad(getal2)); //eigen functie
document.write("<br>sin(getal1): " +Math.sin(getal1));
document.write("<br>pow(getal1,getal2): " +Math.pow(getal1,getal2));
document.write("<br>max(getal1,getal2): " +Math.max(getal1,getal2));
// -->
</script>
</BODY>
</HTML>
Het werken met datums levert steeds de nodige verwikkelingen op. Datums zijn nu eenmaal door de mens gemaakte eenheden die niet altijd de logica van de gewone getallen volgen.
Systeemtijd
Je kan de huidige systeemtijd (client) opvragen met:
var datum = new Date();
document.write("<br>datum: " +datum);
resultaat:
Methoden voor opvragen van datumdetails:
| Methode |
Beschrijving |
| getTime |
Tijd verstreken sinds 1 januari 1970 00:00:00 in milliseconden |
| getSeconds |
aantal seconden (0-59) |
| getMinutes |
aantal minuten (0-59) |
| getHours |
aantal uren (0-23) |
| getDay |
weekdag (0=zondag, 6=zaterdag) |
| getDate |
dag van de maand (0-31) |
| getMonth |
maand van het jaar (0=januari, 11=december) |
| getFullYear |
jaar in 4 cijfers (niet in oude browsers) |
var datum = new Date();
document.write("<br>datum: " +datum);
document.write("<br>getTime: " +datum.getTime());
document.write("<br>getSeconds: " +datum.getSeconds());
document.write("<br>getMinutes: " +datum.getMinutes());
document.write("<br>getHours: " +datum.getHours());
document.write("<br>getDay: " +datum.getDay());
document.write("<br>getDate: " +datum.getDate());
document.write("<br>getMonth: " +datum.getMonth());
document.write("<br>getFullYear: " +datum.getFullYear());
Instellen van de datum
De methoden die je in bovenstaande tabel vindt voor het lezen van de datum kennen hun set-variant (uitgezonderd getDay: je kan de dag van de week niet zelf instellen, dit wordt berekend). Op deze manier kan je een datumvariabele volgens je wensen instellen.
var datum = new Date();
datum.setDate(1);
datum.setMonth(3);
datum.setFullYear(1974);
document.write("<br>datum: " +datum);
document.write("<br>getDay: " +datum.getDay());
document.write("<br>getDate: " +datum.getDate());
document.write("<br>getMonth: " +datum.getMonth());
document.write("<br>getFullYear: " +datum.getFullYear());
Je kan een datum/tijd ook meteen instellen bij het aanmaken van het Date-object.
var datum = new Date(1974,3,1,10,30,0);
document.write("<br>datum: " +datum);
document.write("<br>getDay: " +datum.getDay());
document.write("<br>getDate: " +datum.getDate());
document.write("<br>getMonth: " +datum.getMonth());
document.write("<br>getFullYear: " +datum.getFullYear());
