Strings pt.2

Substrings

Een substring is een deel of een gedeelte van een string. Bijvoorbeeld, "rain" is een substring van de string "brain", omdat je "regen" kunt krijgen door de laatste 4 characters te nemen.

Bij het werken met strings moet je vaak maar een paar characters van een string hebben in plaats van allemaal. Daarom gebruiken we de substring-methode.

Substring signature

Bij het aanroepen van een substring kun je 2 parameters meegeven, namelijk indexStart en indexEnd.

Voorbeeld:

someString.substring(indexStart, indexEnd)`

• indexStart: the position of the first character you'd like to include
• indexEnd: the position of the first character you'd like to ignore

Voorbeeld:

const language = "JavaScript";
language.substring(1, 4); //"ava"

Optional parameters

indexEnd is optioneel. Je kunt alleen indexStart doorgeven en het zal aannemen dat indexEnd gelijk is aan de lengte van de string.

Voorbeeld:

const language = "JavaScript";
language.substring(4); //"Script"

indexEnd is in dit voorbeeld dan 10.

Plus operator

Je kan '+' gebruiken om getallen bij elkaar op te tellen, maar ook om twee strings bij elkaar te zetten (concatenation).

Voorbeeld 1:

"Hello" + "World" //"HelloWorld"

Voorbeeld 2:

let prefix = "Mrs.";
let name = "Sam";
let string = prefix + " " + name; // "Mrs. Sam"

Dit kan ook met string interpolation (zie latere les).

+= Operator

Je kan dit:

let name = "Sam";
name = name + " Blue";
console.log(name); // "Sam Blue"

Herschrijven naar dit:

let name = "Sam";
name += " Blue";
console.log(name); // "Sam Blue"

Template strings

Your first template string

`This is a template string`

Het enige verschil is dat de strings beginnen en eindigen met een backtick character `.

Multiline strings

Template strings kunnen over meerdere regels verdeeld staan. Met een normale string kan dit niet.

Voorbeeld:

let text = `This is a multiline
string that
just works!`

Interpolation

Template strings ondersteunen interpolation. Dit betekent dat je een variabele in je string kunt schrijven en de waarde ervan kunt krijgen. De syntax is ${variableName}.

Voorbeeld:

let language = "JavaScript";
`I am learning ${language}`; //"I am learning JavaScript";