Strings en Stringfuncties in JavaScript

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

This lesson contains 12 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 30 min

Items in this lesson

Strings en Stringfuncties in JavaScript

Slide 1 - Slide

This item has no instructions

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

This item has no instructions

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

Slide 3 - Quiz

This item has no instructions

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

This item has no instructions

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

This item has no instructions

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

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

This item has no instructions

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

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

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

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

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

This item has no instructions