JavaScript-eksempel
- Forrige side JS D3.js
- Næste side JS HTML DOM
Hvad kan JavaScript gøre?
Hvor skal JavaScript indsattes?
JavaScript output
JavaScript syntaks
- JavaScript sætning
- JavaScript tal
- JavaScript streng
- JavaScript variabel
- JavaScript operator
- JavaScript tildeling
- JavaScript udtryk (brug af konstanter)
- JavaScript udtryk (brug af strenge)
- JavaScript udtryk (brug af variabler)
- JavaScript nøgleord
- JavaScript kommentar
- JavaScript er følsom over for store og små bogstaver
JavaScript sætning
JavaScript kommentar
JavaScript variabel
- JavaScript variabel
- Som algebraisk JavaScript variabel
- JavaScript numeriske og strenge
- JavaScript var nøgleord
- Erklær flere variabler på én linje
- Erklær flere variabler på flere linjer
- Variabler uden værdi returnerer værdien undefined
- Genudklaring af variabler ødelægger ikke værdien
- JavaScript arraysummer
- JavaScript strengsummer
- Strenge og numeriske summer
- Numeriske og strenge summer
JavaScript aritmetik
JavaScript tildeling
JavaScript-strengkæde
JavaScript datatyper
JavaScript objekt
- Opret JavaScript-variabel
- Opret JavaScript-objekt
- Opret personobjekt (en linje)
- Opret personobjekt (flere linjer)
- Få adgang til objektets egenskaber ved .property
- Få adgang til objektets egenskaber ved [property]
- Få adgang til funktionens egenskaber ved metodeadgang
- Få adgang til funktionens egenskaber ved egenskabsadgang
JavaScript funktion
JavaScript begivenhed
JavaScript streng
- Streng kan omgives af enkelt- eller dobbeltcitattegn
- Vis nogle eksempler på streng
- Tilføjelse af backslash før citationstegn betragtes som et citationstegn
- Bestem længden af strengen
- Brug backslash til at bryde linjen i tekststreng
- Det er ikke muligt at bruge backslash til at bryde linjen i kode
- Bestem positionen af teksten i strengen, hvor den første gang optræder - indexOf()
- Søg tekst i strengen og returner denne tekst, hvis den findes - match()
- Erstat tegn i strengen - replace()
- Konverter strengen til store bogstaver - toUpperCase()
- Konverter strengen til små bogstaver - toLowerCase()
- Del strengen op i et array - split()
JavaScript tal
- Man kan skrive tal med eller uden decimaltegn
- Man kan skrive meget store eller små tal med eksponentiel talsform
- Tal vil blive præcise til 15 decimaler
- Flydende talsregning er ikke altid 100% præcis
- Men dette problem kan løses ved at multiplicere og dividere med 10
- Addition af to tal vil føre til et nyt tal
- Addition af to talstreng vil føre til en konkateneret streng
- Addition af tal og talstreng vil også føre til en konkateneret streng
- Addition af talstreng og tal vil også føre til en konkateneret streng
- Ofte forekommende fejl ved addition af streng og tal 1
- Almindelig fejl 2 ved at tilføje streng og tal
- JavaScript forsøger at konvertere stren til tal i division
- JavaScript forsøger at konvertere stren til tal i multiplikation
- JavaScript forsøger at konvertere stren til tal i træk
- JavaScript konverterer ikke stren til tal i addition
- Et tal, der divides med en streng, er ikke længere et tal
- Division af et tal med en talsstreng returnerer et tal
- Den globale JavaScript-funktion isNaN() afgør om værdien er et tal
- Brug af NaN i matematiske operationer vil altid returnere NaN
- Brug af NaN i matematisk strengoperationer vil føre til sammenføjning af NaN
- Typen af NaN er tal (ja! typeof NaN returnerer number)
- Returnerer uendelig (Infinity), hvis et tal beregnes uden for det maksimale mulige tal
- Division med nul genererer Infinity
- Infinity er også et tal (typeof Infinity returnerer number)
- Konstanter med præfikset 0x fortolkes som hexadecimal
- toString() metoden kan udskrive tal i hexadecimal, oktal eller binær format
- Tal kan være objekter
- Tal og objekter kan ikke sammenlignes sikkert
- Objekter og objekter kan ikke sammenlignes sikkert
JavaScript talmetoder
- toString() metoden konverterer tallet til en streng
- valueOf() metoden returnerer tallet som et tal
- toExponential() returnerer et tal med eksponentiel notation
- toFixed() metoden runder tallet op til det angivne antal cifre
- toPrecision() returnerer et tal med angivet længde
- Den globale metode Number() konverterer variabler til tal
- Den globale metode Number() kan endda konvertere datoer til tal
- Den globale metode parseInt() konverterer stren til tal
- Den globale metode parseFloat() konverterer stren til tal
- MAX_VALUE returnerer det største mulige tal i JavaScript
- MIN_VALUE returnerer det mindste mulige tal i JavaScript
- POSITIVE_INFINITY betyder uendelig
- Returnerer POSITIVE_INFINITY ved overflow
- NEGATIVE_INFINITY betyder negativ uendelig
- Returnerer NEGATIVE_INFINITY ved overflow
- NaN betyder 'ikke et tal'
- Aritmetiske operationer med stren vil føre til NaN
- At bruge numeriske egenskaber på variabler vil returnere undefined
JavaScript matematik
- Math.PI returnerer værdien af PI
- Math.round(x) returnerer den runde værdi af x (skønsværdi)
- Math.pow(x, y) returnerer x i y'de potens
- Math.sqrt(x) returnerer kvadratrod af x
- Math.abs(x) returnerer det absolute tal af x
- Math.ceil(x) returnerer den opadgående runde værdi af x
- Math.floor(x) returnerer den nedadgående runde værdi af x
- Math.sin(x) returnerer sinus af vinklen x (i radianer)
- Math.cos(x) returnerer cosinus af vinklen x (i radianer)
- Math.max() returnerer det højeste tal i parameterlisten
- Math.min() returnerer det laveste tal i parameterlisten
- Konverter Celsius til Fahrenheit
JavaScript tilfældighed
- Math.random() returnerer et tilfældigt heltal mellem 0 (inkluderet) og 1 (ikke inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem 0 og 9 (begge inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem 0 og 10 (begge inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem 0 og 99 (begge inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem 0 og 100 (begge inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem 1 og 10 (begge inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem 1 og 100 (begge inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem x (inkluderet) og y (ikke inkluderet)
- Sådan returnerer man et tilfældigt heltal mellem x og y (begge inkluderet)
JavaScript dato
- Brug Date() til at vise dagens dato og klokkeslæt
- Brug getFullYear() til at vise året
- Brug getTime() til at beregne millisekunder siden 1970
- Brug setFullYear() til at sætte en bestemt dato
- Brug toUTCString() til at konvertere dagens dato (baseret på UTC) til en streng
- Brug getDay() til at vise ugenavne som tal
- Brug getDay() samt en array for at vise ugenavne med navn
- Vis klokken
JavaScript array
JavaScript arraymetoder
- Tilføj et element til en array
- Fjerner det sidste element i en array - pop()
- Kobler alle elementer i en array sammen til en streng - join()
- Kobler to arrays sammen - concat()
- Kobler tre arrays sammen - concat()
- Tilføj et element til en arrays placering 2 - splice()
- Konverter arrayet til en streng - toString()
- Tilføj nye elementer til begyndelsen af arrayet - unshift()
- Fjern det første element fra arrayet - shift()
- Vælg elementer fra arrayet - slice()
JavaScript arraysortering
- Sorter arrayet i stigende rækkefølge
- Sorter arrayet i faldende rækkefølge
- Sorter tal i stigende rækkefølge
- Sorter tal i faldende rækkefølge
- Sorter tal (bogstaver eller tal)
- Sorter tal i arrayet i tilfældig rækkefølge
- Bestem det mindste tal i arrayet
- Bestem det største tal i arrayet
- Brug Math.min() til at bestemme det mindste tal i arrayet
- Brug Math.max() til at bestemme det største tal i arrayet
- Brug den "selvfremstillede" metode myArrayMin
- Brug den "selvfremstillede" metode myArrayMax
- Sorter objekter efter numerisk attribut
- Sorter objekter efter strengattribut
JavaScript array iteration
JavaScript Type Conversion
JavaScript booleisk
- Vis værdien af Boolean(10 > 9)
- Vis værdien af 10 > 9
- Alt, der har en sand værdi, er sandt
- Nul's booleisk værdi er falsk
- Minus nul's booleisk værdi er falsk
- En tom streng's booleisk værdi er falsk
- Udefineret's booleisk værdi er falsk
- Null's booleisk værdi er falsk
- Falsk's booleisk værdi er falsk
- NaN's booleisk værdi er falsk
JavaScript sammenligning
- Tilføj 5 til x, og vis værdien af (x == 8)
- Tilføj 5 til x, og vis værdien af (x == 5)
- Tilføj 5 til x, og vis værdien af (x === 5)
- Tilføj 5 til x, og vis værdien af (x === "5")
- Tilføj 5 til x, og vis værdien af (x != 8)
- Tilføj 5 til x, og vis værdien af (x !== 5)
- Tilføj 5 til x, og vis værdien af (x !== "5")
- Tilføj 5 til x, og vis værdien af (x > 8)
- Tilføj 5 til x, og vis værdien af (x < 8)
- Tilføj 5 til x, og vis værdien af (x >= 8)
- Tilføj 5 til x, og vis værdien af (x <= 8)
JavaScript-betingelser
JavaScript-løkke
JavaScript-fejlhåndtering
JavaScript Regular Expressions
JavaScript objekt
- Opret JavaScript-variabel
- Opret JavaScript-objekt
- Opret JavaScript-objekt (en linje)
- Opret JavaScript-objekt (flere linjer)
- Opret JavaScript-objekter ved hjælp af new
- Opret JavaScript-objekter ved hjælp af konstruktører
- Opret indbyggede JavaScript-objekter
- Bedste måde at oprette JavaScript-variabler på
- JavaScript-objekter er mutabler
JavaScript Object Properties
JSON objekt
JSON array
JSON-dekodning
JSON Stringify
JSON PHP
JSON HTML
Eksempel forklaring: JSON JSONP
- Forrige side JS D3.js
- Næste side JS HTML DOM