Ingebouwde functies in JavaScript

Dit artikel legt de ingebouwde functies in JavaScript uit.

YouTube Video

Ingebouwde functies in JavaScript

JavaScript biedt verschillende ingebouwde functies, die krachtige hulpmiddelen zijn voor het efficiënt maken van programma's. Hier leggen we in detail de typische ingebouwde functies in JavaScript uit.

Wat zijn ingebouwde functies?

Ingebouwde functies zijn functies die standaard in JavaScript beschikbaar zijn. Deze functies zijn ontworpen om specifieke taken beknopt uit te voeren. Programmeurs hoeven deze niet zelf te implementeren, wat de leesbaarheid en onderhoudbaarheid van de code verbetert.

Voorbeeld van ingebouwde functies

parseInt()

1// Convert string to integer
2console.log(parseInt("42"));      // Output: 42
3console.log(parseInt("42px"));    // Output: 42
4console.log(parseInt("0xF", 16)); // Output: 15
5console.log(parseInt("0xF"));     // Output: 15
6console.log(parseInt("px42"));    // Output: NaN

• parseInt() is een functie die een string analyseert en deze omzet in een geheel getal. Als het begin van de string een getal bevat, wordt dat deel geretourneerd als een geheel getal. Er kan ook een optionele radix (basis) worden opgegeven.

• Als het begin van de string geen getal bevat, wordt NaN (Not-a-Number) geretourneerd. Als er geen radix wordt opgegeven, wordt standaard decimaal gebruikt, maar als de string begint met "0x", wordt deze als hexadecimaal geïnterpreteerd.

parseFloat()

1// Convert string to float
2console.log(parseFloat("3.14"));      // Output: 3.14
3console.log(parseFloat("3.14abc"));   // Output: 3.14
4console.log(parseFloat("42"));        // Output: 42

• parseFloat() analyseert een string en zet deze om in een drijvend-kommagetal. Het wordt gebruikt bij getallen die een decimaal punt bevatten.

• Net zoals bij parseInt(), wordt NaN geretourneerd als het begin van de string geen getal is. Het kenmerkt zich door niet alleen het gehele gedeelte, maar ook het decimale gedeelte correct te analyseren.

isNaN()

1console.log(isNaN(NaN));         // Output: true
2console.log(isNaN(42));          // Output: false
3console.log(isNaN("hello"));     // Output: true

• isNaN() bepaalt of een gegeven waarde NaN is. NaN (Not-a-Number) vertegenwoordigt een ongeldige waarde als een getal.

• isNaN() is ook geldig voor ander datatypes dan getallen, en retourneert bijvoorbeeld true als een string niet kan worden omgezet naar een getal.

Number()

1console.log(Number("42"));        // Output: 42
2console.log(Number("3.14"));      // Output: 3.14
3console.log(Number("0xff"));      // Output: 255
4console.log(Number("abc"));       // Output: NaN
5
6console.log(parseFloat("3.14abc"));  // Output: 3.14
7console.log(Number("3.14abc"));      // Output: NaN

• Number() is een functie die strings of andere datatypes omzet in een getal. Het retourneert NaN als een niet-numerieke string wordt gegeven.

• In tegenstelling tot parseInt() of parseFloat() beschouwt Number() het als een ongeldige conversie en retourneert NaN als de string niet-numerieke tekens bevat.

String()

1console.log(String(42));           // Output: "42"
2console.log(String(3.14));         // Output: "3.14"
3console.log(String(true));         // Output: "true"
4console.log(String(null));         // Output: "null"
5console.log(String(undefined));    // Output: "undefined"

• String() is een functie die nummers en andere gegevenstypen omzet in strings. String(42) retourneert de string "42".
• Als de waarde die moet worden omgezet null of undefined is, retourneert het respectievelijk de strings "null" of "undefined".
• Het is handig voor het verwerken van verschillende gegevenstypen, zoals nummers, booleans of objecten, door ze om te zetten in strings.

Array

1const arr = Array(3);
2console.log(arr); // Output: [ <3 empty items> ]
3
4const arr2 = Array(1, 2, 3);
5console.log(arr2); // Output: [1, 2, 3]

• Array is een constructor die wordt gebruikt om nieuwe arrays aan te maken.
• Als er één argument is, wordt dit behandeld als de lengte van de array en wordt een lege array aangemaakt.
• Als er meerdere argumenten zijn, wordt een array aangemaakt met die waarden als elementen.

Array.isArray()

1console.log(Array.isArray([1, 2, 3])); // Output: true
2console.log(Array.isArray("not an array")); // Output: false

• Array.isArray() is een methode die bepaalt of het argument een array is.
• Het retourneert true als het argument een array is, en anders false.

isFinite()

1console.log(isFinite(42));         // Output: true
2console.log(isFinite(Infinity));   // Output: false
3console.log(isFinite(NaN));        // Output: false

• isFinite() bepaalt of een gegeven waarde eindig is. Retourneert true voor eindige getallen, en false anders (zoals bij oneindigheid of NaN).

• In JavaScript vertegenwoordigen Infinity en -Infinity oneindigheid en behoren tot het getaltype, maar isFinite() beschouwt oneindigheid als een ongeldige waarde.

eval()

1let expression = "2 + 2";
2console.log(eval(expression));    // Output: 4
3
4console.log(eval("var x = 10; x * 2"));  // Output: 20

• eval() is een functie die JavaScript-code evalueert en uitvoert die wordt gegeven als een string. Je kunt JavaScript-code dynamisch uitvoeren.

• eval() is zeer krachtig, maar het vormt een beveiligingsrisico, dus het moet worden vermeden in daadwerkelijke ontwikkeling. Het uitvoeren van extern geleverde code met eval() kan leiden tot onbedoeld gedrag en beveiligingslekken.

encodeURI() / decodeURI()

1let url = "https://example.com/?name=John Doe&age=25";
2let encodedUrl = encodeURI(url);
3console.log(encodedUrl);
4// Output: https://example.com/?name=John%20Doe&age=25
5
6let decodedUrl = decodeURI(encodedUrl);
7console.log(decodedUrl);
8// Output: https://example.com/?name=John Doe&age=25

• encodeURI() is een functie die wordt gebruikt om tekens te coderen (converteren) die niet in een URL kunnen worden gebruikt. Aan de andere kant decodeert decodeURI() een gecodeerde URL naar zijn oorspronkelijke vorm.

• Coderen is bijzonder belangrijk bij het omgaan met speciale tekens. Tekens zoals spaties of & moeten bijvoorbeeld worden gecodeerd om correct in een URL te worden opgenomen, dus ze moeten op de juiste manier worden verwerkt met behulp van encodeURI().

setTimeout() / setInterval()

 1// Execute a function after 2 seconds
 2setTimeout(() => {
 3    console.log("This runs after 2 seconds");
 4}, 2000);
 5
 6// Execute a function every 1 second
 7let intervalId = setInterval(() => {
 8    console.log("This runs every 1 second");
 9}, 1000);
10
11// Stop the interval after 5 seconds
12setTimeout(() => {
13    clearInterval(intervalId);
14}, 5000);

• setTimeout() is een timerfunctie die wordt gebruikt om een functie eenmaal uit te voeren na een opgegeven tijd. setInterval() voert herhaaldelijk een functie uit met opgegeven intervallen.

• setTimeout() en setInterval() worden asynchroon uitgevoerd en roepen de functie aan nadat de opgegeven tijd is verstreken. Het is ook mogelijk om uitvoeringen te annuleren met behulp van clearTimeout() of clearInterval().

Samenvatting

Het gebruik van ingebouwde JavaScript-functies stelt je in staat om eenvoudigere en efficiëntere programma's te schrijven. De hier geïntroduceerde functies zijn eenvoudig en nuttig in verschillende situaties.

Je kunt het bovenstaande artikel volgen met Visual Studio Code op ons YouTube-kanaal. Bekijk ook het YouTube-kanaal.

YouTube Video