Strings en Stringfuncties in JavaScript

Strings en Stringfuncties in JavaScript
1 / 12
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

In deze les zitten 12 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 30 min

Onderdelen in deze les

Strings en Stringfuncties in JavaScript

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Wat is een goede manier om in javascript een variabele aan te maken?
A
$mijnVariabele = 'Hallo';
B
let mijnVariabele == 'Hallo';
C
String mijnVariabele = 'Hallo';
D
let mijnVariabele = 'Hallo';

Slide 2 - Quizvraag

Deze slide heeft geen instructies

Hoe creëer je een functie in JavaScript?
A
function:myFunction()
B
function myFunction()
C
function = myFuction()

Slide 3 - Quizvraag

Deze slide heeft geen instructies

Hoe kun je een comments toevoegen in een JavaScript?<!--Dit is een comment-->
A
<!--Dit is een comment-->
B
"Dit is een comment
C
//Dit is een comment

Slide 4 - Quizvraag

Deze slide heeft geen instructies

Functiedeclaraties in JavaScript
Functiedeclaratie:
Een statement dat een nieuwe functie definieert met een specifieke naam, parameters en een blok code.


bij de aanroep van een functie geef je waarden mee aan de parameters:

function telOp( getal1, getal2 ){
    return getal1 + getal2 ;
}
let som = telOp(5,16) ; //21

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Leerdoelen
  • Begrijpen wat  stringmethodes zijn en waarom ze  belangrijk zijn in JavaScript. 
  • Kennis hebben van veelgebruikte stringmethodes en weten hoe ze toegepast worden. 
  • In staat zijn om strings te manipuleren en nuttige informatie uit strings te halen.

Slide 6 - Tekstslide

Presenteer de leerdoelen van de les en leg uit wat de studenten aan het einde van de les zullen kunnen.
String
Een string in in programmeertaal is een stuk tekst of een letter of een getal, die omringd is door aanhalingstekens. Dubbel of enkel.
// Strings
let color = "Yellow";
let leeftijd = '14'; //het staat tussen ' ' , dus is het tekst
let haiku = "buiten voor het raam punniken spinnen hun web dodelijk kunstwerk";

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Stringmethodes
Stringmethodes zijn functies die worden gebruikt om strings te manipuleren. Veelgebruikte methodes zijn onder andere:
  • .length, 
  • .toUpperCase, 
  • .toLowerCase, 
  • .concat, .slice en 
  • .indexOf.

Slide 8 - Tekstslide

Leg uit wat stringmethodes zijn en noem enkele veelgebruikte methodes die in de les worden behandeld.
String.length
Een string kan worden beschouwd in JavaScript als een lijst van karakters / tekens.
De .length methode retourneert de lengte van een string, oftewel het aantal tekens.

//voorbeeld
let huisdier = 'konijn' ;
let aantalLetters = huisdier.length ; // 6
let vierdeLetter = huisdier[3] ; // i

Slide 9 - Tekstslide

Laat een voorbeeld zien van hoe de .length methode wordt gebruikt en vraag de studenten om zelf enkele voorbeelden te bedenken.
String.toUpperCase en String.toLowerCase
De .toUpperCase methode zet alle letters in een string om naar hoofdletters. 

De .toLowerCase methode zet alle letters in een string om naar kleine letters.
let woord = 'SuiKeRspiN' ;
woord.toLowerCase( ); // suikerspin
let woord = "sapperdeflap" ;
woord.toUpperCase( ); // SAPPERDEFLAP

Slide 10 - Tekstslide

Laat voorbeelden zien van hoe de .toUpperCase en .toLowerCase methodes worden gebruikt en vraag de studenten om zelf enkele voorbeelden te bedenken.
String.slice
De .slice methode retourneert een deel van een string, gebaseerd op de opgegeven start- en eindposities.

let zin = "De kat krabt de krullen van de trap." ;
let a =  zin.slice(3) ; // kat krabt de krullen van de trap
let b = zin.slice(13,22) ; //de krullen
let c = zin.slice( -1 ) ; //.
let d = zin.slice ( -4 ) ; //rap.

Slide 11 - Tekstslide

Laat een voorbeeld zien van hoe de .slice methode wordt gebruikt en vraag de studenten om zelf enkele voorbeelden te bedenken.
Aan de slag met strings
Ga naar exercism.org en log in met je google account. Ga naar het onderwerp Strings en maak de opdracht 'Poetry Club Door Policy'.

Slide 12 - Tekstslide

Deze slide heeft geen instructies