Du skal avrunde et tall til nærmeste heltall, gjøre en tekst om til store bokstaver, eller generere et tilfeldig nummer mellom 1 og 10. Alt dette kan du gjøre med innebygde funksjoner i JavaScript uten å skrive logikken selv. JavaScript kommer med et stort bibliotek av ferdige funksjoner som løser vanlige oppgaver, og å kjenne de viktigste av dem sparer deg for mye tid.
Hva er innebygde funksjoner i JavaScript?
Når du har laget dine egne funksjoner, har du kanskje lagt merke til en likhet. Din print-funksjon kalles opp med et navn etterfulgt av parenteser, akkurat som document.writeline. Det er ingen tilfeldighet. Document.writeline er en av JavaScripts innebygde funksjoner. Du kan til og med sjekke det ved å skrive typeof document.writeline, som returnerer "function".
I JavaScript-terminologi kalles disse for metoder. En metode er en funksjon som tilhører et objekt. Document er et objekt, og writeline er en av metodene til det objektet. Men i praksis fungerer de som funksjoner: du sender inn verdier, og de gir deg et resultat tilbake.
Math-objektet: tall og beregninger
Et av de mest nyttige innebygde objektene i JavaScript er Math. Det inneholder metoder og verdier for matematiske operasjoner. I stedet for å erklære en variabel med en tilnærmet verdi av pi, kan du skrive Math.PI og få ut pi med 15 desimaler. Legg merke til at PI ikke har parenteser etter seg. Det er fordi det er en verdi, ikke en metode.
Math har også metoder som gjør beregninger. Math.round() tar et desimaltall og runder det til nærmeste heltall. Sender du inn 3.4, får du 3. Sender du inn 3.6, får du 4. Denne metoden er spesielt praktisk når du gjør utregninger som ender med mange desimaler, som å beregne omkretsen av en sirkel med Math.PI.
Tilfeldige tall med Math.random
Math.random() gir deg et tilfeldig desimaltall mellom 0 og 1. Hver gang du kaller metoden, får du et nytt tall. I seg selv høres det kanskje lite nyttig ut, men det lar deg styre intervallet selv.
Vil du ha et tall mellom 0 og 10? Gang Math.random() med 10. Vil du ha det mellom 1 og 10? Gang med 10 og legg til 1. Pakk hele uttrykket inn i Math.round() for å få et heltall. Da har du en tilfeldig tallgenerator på to linjer med kode.
Tilfeldige tall brukes overalt i programmering: spill, simuleringer, tilfeldig rekkefølge på elementer i en liste, og testdata. Det er en av de innebygde funksjonene i JavaScript du kommer til å bruke igjen og igjen.
Strengmetoder: jobbe med tekst
Strenger (tekstdata) i JavaScript har sine egne metoder. Har du en variabel som inneholder ordet "eple", kan du skrive variabelen etterfulgt av .toUpperCase() for å få "EPLE" tilbake. På samme måte gjør .toLowerCase() alle bokstaver om til små.
Strengmetoder endrer ikke den opprinnelige variabelen. De returnerer en ny verdi. Skriver du ord.toUpperCase(), er verdien i variabelen "ord" fortsatt "eple" etterpå. Du må lagre resultatet i en ny variabel hvis du vil beholde det.
Det finnes mange flere strengmetoder. Du kan finne lengden på en tekst med .length, hente ut deler av teksten med .slice(), erstatte ord med .replace(), og mye mer. Når du senere jobber med arrays, vil du møte et lignende mønster: objekter med innebygde metoder som gjør vanlige oppgaver enkle.
Hvordan finne de innebygde funksjonene du trenger
JavaScript har hundrevis av innebygde metoder og objekter. Ingen husker alle sammen. Det du trenger å vite er at de finnes, og hvordan du finner dem. Et enkelt Google-søk som "JavaScript Math methods" eller "JavaScript string methods" gir deg lister med forklaringer og eksempler.
MDN Web Docs er den mest pålitelige kilden. Der finner du dokumentasjon for alle innebygde objekter med eksempler du kan prøve selv. W3Schools er et annet alternativ som ofte er lettere å lese for nybegynnere.
Objekter og metoder: en smakebit på det som kommer
Innebygde funksjoner i JavaScript gir deg en tidlig introduksjon til et viktig konsept: objekter. Når du skriver Math.round() eller document.writeline, bruker du metoder som tilhører objekter. Math er et objekt med metoder for matte. Document er et objekt som representerer nettsiden din.
Denne strukturen, der funksjoner er organisert under objekter, er gjennomgående i JavaScript. Når du skjønner mønsteret, blir nye metoder intuitive. Du vet at du skriver objektnavn, punktum, metodenavn og parenteser. Resten handler bare om å vite hvilke metoder som finnes for det objektet du jobber med.
Bygg videre med de verktøyene JavaScript gir deg
Du trenger ikke skrive alt fra bunnen av. JavaScripts innebygde funksjoner er verktøy som er testet og optimalisert. Bruk Math.round() i stedet for å skrive din egen avrundingslogikk. Bruk toUpperCase() i stedet for å gå gjennom teksten bokstav for bokstav. Disse metodene sparer tid og gjør koden din mer lesbar for andre utviklere som kjenner dem fra før.
Denne artikkelen bygger på innhold fra kurset JavaScript for nybegynnere på Utdannet.no. Instruktør Lars Vidar Nordli viser deg de viktigste innebygde metodene i JavaScript, inkludert Math-objektet, strengmetoder og hvordan du finner dokumentasjon for metoder du ennå ikke har lært.
