Del 2: Datatyper

I JavaScript referer datatyper til hva slags type verdi en variabel kan tildeles. En datatype spesifiserer hva du kan og hva du ikke kan gjøre med den dataen.

I denne seksjonen skal vi jobbe med de ulike grunnleggende datatypene som er relevante i JavaScript.

Number

En viktig datatype som brukes av veldig mange nettsider er number (tall). Når du lager en nettside eller applikasjon så er det åpenbart at man må forholde seg til tall.

Nettsiden YouTube er et godt eksempel. De viser antall subscriptions for hver kanal, hvor mange likes hver video har og hvor mange videoer en kanal har laget. Tall brukes også i beregninger som nettsider trenger. For eksempel bruker Amazon tall til å regne ut og vise gjennomsnittlig rating av produktene sine.

For å kunne gjøre matematiske operasjoner (+, -, *, /) må vi bruke verdier med datatypen Number. Number representer både heltall integer og desimaltall float.

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 ("") eller single (''). Man kan bruke alle de vanlige bokstavene samt alle de spesielle symbolene som fins (for eksempel %, &, $, ...) og alle tallene.

let melding = "Hello World!"; // String
console.log(melding);

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);

Operasjonen ovenfor, hvor vi brukte + mellom strings har det fantastiske ordet string-concatenation på engelsk (nei du må ikke kunne ordet). En del programmeringsbegreper er litt overkant vanskelige.

Du kan skrive strings direkte i console.log() sammen med variabler, enten med +, skille mellom variablene med ,.

let navn = "Jens";
let tema = "JavaScript";
console.log(navn + " lærer seg " + tema + " i dag "); // bruker +
console.log(navn, "lærer seg", tema, "i dag");        // bruker ,
console.log(`${navn} lærer seg ${tema} i dag`);   // bruker ` og ${}

Siste måten å skrive på heter template-strings, og bruker backticks ` og ${} til å referere til variabler.

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. Det er som en lysbryter, den kan enten være av eller på.

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?

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

let on = true;
let off = false;

Vi bruker Booleans mye når vi jobber med betingelser i neste seksjon.

Undefined og Null

Undefined er en datatype som representerer en variabel som ikke har blitt tildelt en verdi. Når du deklarerer en variabel uten å gi den en verdi vil den automatisk ha datatypen undefined.

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

Null er en spesiell 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!

Flervalgsoppgaver – datatyper

Trykk på riktig alternativ for hvert spørsmål. Grønn er at du fikk riktig, rød er feil.

Oppgave 1: Hvilken datatype er dette?
Hva er datatypen til variabelen navn?
let navn = "Ola";
Oppgave 2: Hva er verdien til x?
Hva skrives ut i konsollen?
let x;
console.log(x);
Oppgave 3: Hvilken datatype får vi her?
Hva er datatypen til resultatet av dette uttrykket?
let result = "5" + 2;
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?
← Forrige del Neste del →