Del 2: Datatyper

I JavaScript har alle verdier en datatype. Det forteller hva slags data du jobber med, og hva du kan gjøre med den. De viktigste typene du trenger å vite om nå er forklart nedenfor.

Number

En viktig datatype som brukes av veldig mange nettsider er Number. Number inkluderer både heltall (int) og desimaltall (float).

Tall brukes ofte i beregninger som nettsiden må gjøre. For eksempel bruker Amazon tall til å regne ut og vise gjennomsnittlig rating av produktene sine.

For å kunne gjøre matematiske operasjoner (+, -, *, /) må datatypen være Number.

Loading editor...

let num1 = 1; //integer
let num2 = 3;
console.log(num1 + num2);

let rating1 = 5; //float
let rating2 = 4.5; 
let rating3 = 4; 
let averageRating = (rating1 + rating2 + rating3)/3

console.log(averageRating);
String

String brukes for tekst og er skrevet mellom anførselstegn, enten doble " ", single ' ' eller med backticks `.

Loading editor...

let navn1 = "Jens";
let navn2 = 'Julia';
let navn3 = `Anders`;

console.log(navn1, navn2, navn3);

Andre eksempler på strings:

"3", "a", "ü", "navn88", "first.lastname@gmail.com", "passord#**", " "

Du kan sette sammen ulike strings ved å bruke +-operatoren.

Loading editor...

let melding = "Hello " + "and " + "Goodbye";
console.log(melding);

Strings kan også representere tall. Da vil JavaScript sette sammen tallene, istedenfor å addere tallene. Hvis du vil gjøre matematisk operasjon, dropp anførselstegn!

Loading editor...

let score = "10" + "30"; // String
console.log(score);

score = 10 + 30; //Number
console.log(score)
Boolean

Booleans er en datatype som representerer true eller false verdier, verdier som enten er sanne eller usanne.

I JavaScript brukes Booleans når programmet skal gjøre en avgjørelse: er passordet som ble sendt inn riktig eller galt? Er brukeren logget inn, eller ikke?

Du lager en Boolean verdi i JavaScript på denne måten:

let erStudent = true;
let darkMode = false;

Vi bruker Booleans mye når vi jobber med if-else senere.

Undefined og Null

Undefined er en datatype som representerer en variabel som ikke ennå har blitt tildelt en verdi..

let first_name;
console.log(first_name); //undefined

Null er en datatype som representer en tom eller ukjent verdi.

let first_name = null

Forskjellen på undefined og null er liten, men i korte trekk blir variabler satt til undefined når de blir deklarerert uten verdi, mens null tildeler vi til variabelen hvis vi ikke vil at den skal ha noe innhold.

Oppsummert

let name = "Ola Nordmann";  // string: tekst med anførselstegn
let age = 30;               // number: et tall
let erStudent = true;       // boolean: kan være true eller false
let tomVerdi = null;        // null: tom verdi med vilje
let ikkeTildelt;            // undefined: laget variabelen, men ikke gitt den en verdi

Tips: Du kan sjekke hvilken datatype en verdi har med typeof. Prøv typeof 'hello' eller typeof 42!

Programmeringsoppgaver om datatyper

Oppgave 1: Skrive ut numbers og strings
Lag en variabel som inneholder antall bokstaver i navnet ditt. Skriv ut «Hallo (ditt navn). Ditt navn har (ditt antall bokstaver) bokstaver».
Oppgave 2: Regning med numbers
Lag variablene radius og pi. Pi skal ha verdien 3.14 og radius bestemmer du. Lag variabelen omkrets som regner ut omkretsen av en sirkel. Omkrets = 2*Pi*r Skriv ut "For radius (radius) er omkretsen (omkrets)"
Oppgave 3: Finn datatypen
Lag fem variabler med ulike typer data: et tall, en tekst, en boolean, null og undefined. Skriv ut typen til hver variabel med typeof.
Oppgave 4: Tekst + tall = ?
Lag en variabel a = "10" og b = 5. Prøv å skrive ut a + b, og deretter Number(a) + b. Hva skjer, og hvorfor?