Programmeren in JavaScript/Objecten/Werken met tekst

Uit Wikibooks
Naar navigatie springen Naar zoeken springen

Programmeren in JavaScript

Inhoudsopgave
  1. Wat zijn objecten?
  2. Native Objects
    1. Werken met tekst
    2. Werken met datum en tijd
    3. Werken met het arrays
  3. Host Objects
  4. Custom Objects
    1. Methoden
    2. Ditjes en Datjes
    3. Overerving

Zoals je al weet worden stukjes tekst in een string opgeslagen. Strings zijn eigenlijk objecten en dat betekent dat strings eigenschappen en methodes hebben. In dit hoofdstuk leer je hoe je kunt werken met die eigenschappen en methodes, zodat je makkelijk bewerkingen kunt uitvoeren op die strings.

Basis[bewerken]

Een string aanmaken doe je, zoals je weet, als volgt:

JavaScript-code: String aanmaken

var tekst = "Dit is tekst.";

Waar je wel voor moet oppassen is dat niet alle strings variabelen zijn. Strings kunnen ook gewoon teksten zijn die tussen haakjes staan.

JavaScript-code: Strings

document.write("Dit is tekst.");

De "Dit is tekst." is ook een string en net zoals een string in een variabele kun je werken met zijn eigenschappen en methodes.

length[bewerken]

length is een eigenschap van een string en houdt bij hoe lang de string precies is. De lengte van een string wordt gemeten volgens het aantal tekens.

JavaScript-code: Gebruik van length

var tekst = "Dit is tekst.";
document.write(tekst.length);

Dit geeft als uitvoer 13. Je kunt die uitvoer ook gewoon in een variabele plaatsen of ermee werken. Zoals we in het vorige stukje al zeiden kun je ook deze eigenschap achterhalen bij strings die gewoon tussen haakjes staan.

JavaScript-code: Gebruik van length

document.write("Dit is tekst.".length);

Dit geeft exact hetzelfde resultaat.

toLowerCase en toUpperCase[bewerken]

toLowerCase en toUpperCase zijn twee methodes van string en zetten respectievelijk de tekst om in kleine en hoofdletters.

JavaScript-code: Gebruik van toLowerCase en toUpperCase

var tekst = "Dit is tekst.";
document.write(tekst.toUpperCase() + "<br />");
document.write(tekst + "<br />");
document.write(tekst.toLowerCase());

Met als uitvoer:

DIT IS TEKST.
Dit is tekst.
dit is tekst.

Zoals je kunt zien veranderen die twee methodes niet de inhoud van de string maar zetten ze alleen maar in hoofd- of kleine letters wanneer je er om vraagt.

split[bewerken]

split is een methode om strings op te splitsen in kleinere strings. Dit gebeurt op basis van één of meerdere tekens. De kleinere strings worden vervolgens opgeslagen in een array.

JavaScript-code: Gebruik van split

var tekst = "Deze tekst wordt opgesplitst.";
var ktekst = new Array();
ktekst = tekst.split(" ");

for(i = 0; i < ktekst.length; i++){
      document.write(ktekst[i] + "<br />");
}

Met als uitvoer:

Deze
tekst
wordt
opgesplitst.

We maken eerst een string aan die we willen opsplitsen en vervolgens een array waar we de opgesplitste string in willen opslaan. Daarna passen we de split toe met als parameter één of meerdere tekens; in dit geval is dat een spatie. De opgesplitste tekst wordt opgeslagen in het array. Let wel op: de één of meerdere tekens worden eruitgehaald en de originele string blijft zoals hij is. In dit voorbeeld hebben we ook een for lus gebruikt om aan te tonen dat het werkt.

Informatie afkomstig van http://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.