Innebygde funksjoner i JavaScript

Denne artikkelen forklarer de innebygde funksjonene i JavaScript.

YouTube Video

Innebygde funksjoner i JavaScript

JavaScript tilbyr en rekke innebygde funksjoner, som er kraftige verktøy for effektiv programmering. Her vil vi forklare i detalj om de typiske innebygde funksjonene i JavaScript. Ved å lære rollene, bruken og forsiktighetene for hver funksjon, vil du kunne bruke JavaScript mer effektivt.

Hva er innebygde funksjoner?

Innebygde funksjoner er funksjoner som er standard i JavaScript. Disse funksjonene er utviklet for å utføre spesifikke oppgaver på en konsis måte. Programmerere trenger ikke implementere dem selvstendig, noe som forbedrer lesbarheten og vedlikeholdbarheten til koden.

Representerende innebygde funksjoner

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() er en funksjon som analyserer en streng og konverterer den til et heltall. Hvis begynnelsen av strengen inneholder et tall, returneres denne delen som et heltall. En valgfri radix (base) kan også spesifiseres.

• Hvis begynnelsen av strengen ikke inneholder et tall, returnerer den NaN (Not-a-Number). Hvis en radix ikke er spesifisert, er standarden desimal, men hvis strengen starter med "0x", tolkes den som heksadesimal.

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() analyserer en streng og konverterer den til et flyttall. Den brukes når man arbeider med tall som inkluderer desimalpunkt.

• Som med parseInt(), returnerer den NaN hvis begynnelsen av strengen ikke er et tall. Den kjennetegnes ved å kunne analysere både heltallsdelen og desimaldelen korrekt.

isNaN()

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

• isNaN() avgjør om en gitt verdi er NaN. NaN (Not-a-Number) representerer en ugyldig verdi som et tall.

• isNaN() er også gyldig for andre datatyper enn tall, og returnerer for eksempel true hvis en streng ikke kan konverteres til et tall.

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

• Number() er en funksjon som konverterer strenger eller andre datatyper til et tall. Den returnerer NaN hvis en ikke-numerisk streng blir gitt.

• I motsetning til parseInt() eller parseFloat(), anser Number() det som en ugyldig konvertering og returnerer NaN hvis strengen inneholder ikke-numeriske tegn.

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() er en funksjon som konverterer tall og andre datatyper til strenger. String(42) returnerer strengen "42".
• Hvis verdien som skal konverteres er null eller undefined, returnerer den henholdsvis strengene "null" eller "undefined".
• Det er nyttig for å håndtere ulike datatyper, som tall, booleanske verdier eller objekter, ved å konvertere dem til strenger.

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 er en konstruktør som brukes til å opprette nye matriser.
• Hvis det er ett argument, behandles det som lengden på matrisen, og en tom matrise opprettes.
• Hvis det er flere argumenter, opprettes en matrise med disse verdiene som elementer.

Array.isArray()

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

• Array.isArray() er en metode som bestemmer om argumentet er en matrise.
• Den returnerer true hvis argumentet er en matrise, og false ellers.

isFinite()

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

• isFinite() avgjør om en gitt verdi er endelig. Returnerer true for endelige tall, og false ellers (for eksempel for uendelighet eller NaN).

• I JavaScript representerer Infinity og -Infinity uendelighet og er av typen tall, men isFinite() anser uendelighet som en ugyldig verdi.

eval()

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

• eval() er en funksjon som evaluerer og kjører JavaScript-kode gitt som en streng. Du kan kjøre JavaScript-kode dynamisk.

• eval() er svært kraftig, men det utgjør en sikkerhetsrisiko, så det bør unngås i faktisk utvikling. Å kjøre eksternt gitt kode med eval() kan føre til utilsiktet oppførsel og sikkerhetssårbarheter.

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() er en funksjon brukt til å kode (konvertere) tegn som ikke kan brukes i en URL. På den annen side dekoder decodeURI() en kodet URL til sin opprinnelige form.

• Koding er spesielt viktig når man håndterer spesialtegn. For eksempel, tegn som mellomrom eller & må kodes for å bli korrekt inkludert i en URL, så de må behandles riktig med 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() er en timerfunksjon brukt til å kjøre en funksjon én gang etter en angitt tid. setInterval() kjører en funksjon gjentatte ganger med bestemte intervaller.

• setTimeout() og setInterval() kjører asynkront, og kaller funksjonen etter at den angitte tiden har gått. Det er også mulig å avbryte kjøringer ved bruk av clearTimeout() eller clearInterval().

Sammendrag

Å bruke JavaScripts innebygde funksjoner gjør det mulig å skrive enklere og mer effektive programmer. Funksjonene som introduseres her er grunnleggende og nyttige i ulike situasjoner. Sørg for å skrive faktisk kode og bekreft dens oppførsel for å utdype forståelsen.

Lær mer kompleks behandling og avansert bruk av funksjoner for å forbedre JavaScript-ferdighetene dine ytterligere.

Du kan følge med på artikkelen ovenfor ved å bruke Visual Studio Code på vår YouTube-kanal. Vennligst sjekk ut YouTube-kanalen.

YouTube Video