JavaScript-exempel
- Föregående sida JS D3.js
- Nästa sida JS HTML DOM
Vad kan JavaScript göra?
Varför sätta in JavaScript
JavaScript utmatning
JavaScript syntax
- JavaScript uttryck
- JavaScript tal
- JavaScript strängar
- JavaScript variabler
- JavaScript operatorer
- JavaScript tilldelning
- JavaScript-expressions (använder konstanter)
- JavaScript-expressions (använder strängar)
- JavaScript-expressions (använder variabler)
- JavaScript-nyckelord
- JavaScript kommentarer
- JavaScript är känsligt för storlek och små bokstäver
JavaScript uttryck
JavaScript kommentarer
JavaScript variabler
- JavaScript variabler
- Som algebraisk JavaScript-variabel
- JavaScript nummer och strängar
- JavaScript var-nyckelord
- Declarera flera variabler i ett enda uttryck
- Fler rader förklarar flera variabler
- En variabel utan värde returnerar undefined
- Återförklaring av variabel förstör inte värdet
- JavaScript arrayaddition
- JavaScript strängaddition
- Lägg till sträng och nummer
- Lägg till numeriska och strängar
JavaScript aritmetik
JavaScript tilldelning
JavaScript-strängkettning
JavaScript datatyper
JavaScript objekt
- Skapa JavaScript-variabel
- Skapa JavaScript-objekt
- Skapa en person-objekt (en rad)
- Skapa en person-objekt (flera rader)
- Använd .property för att åtkomst objektets egenskaper
- Använd [property] för att åtkomst objektets egenskaper
- Åtkomst till funktionens egenskaper via metodåtkomst
- Åtkomst till funktionens egenskaper via egenskapsåtkomst
JavaScript funktioner
JavaScript händelser
JavaScript strängar
- Strängar kan omges av enkla citattecken eller dubbla citattecken
- Visa några strängexempel
- Lägg till backstegstecknet före citattecknet betraktas som ett citattecken
- Bestäm längden på strängen
- Använd backstegstecknet för att bryta raden i textsträngen
- Det är inte möjligt att använda backstegstecknet för att bryta raden i koden
- Bestäm platsen för texten i strängen för första gången - indexOf()
- Sök text i strängen och returnera den texten när den hittas - match()
- Ersätt tecken i strängen - replace()
- Konvertera strängen till stora bokstäver - toUpperCase()
- Konvertera strängen till små bokstäver - toLowerCase()
- Dela upp strängen i en array - split()
JavaScript tal
- Numrer kan skrivas med eller utan decimalpunkt
- Man kan använda exponentiell talberäkning för att skriva mycket stora eller mycket små tal
- Numren kommer att räknas till 15 decimaler
- Flyttalsarithmetik är inte alltid 100% exakt
- Men detta problem kan lösas genom att multiplicera och dividera med 10
- Lägg till två tal kan skapa ett nytt tal
- Lägg till två nummersträngar kan också skapa en sammansatta sträng
- Lägg till en siffra och en nummersträng kan också skapa en sammansatta sträng
- Lägg till en nummersträng och en siffra kan också skapa en sammansatta sträng
- Vanliga fel vid addition av strängar och siffror 1
- En vanlig felaktig användning av att lägga till sträng och tal 2
- JavaScript försöker konvertera strängar till tal i divisionsoperationer
- JavaScript försöker konvertera strängar till tal i multiplikation
- JavaScript försöker konvertera strängar till tal i subtraktionsoperationer
- JavaScript konverterar inte strängar till tal i additionsoperationer
- Tal som divideras med en sträng är inte längre ett tal
- Division av tal med en talsträng är ett tal
- Den globala JavaScript-funktionen isNaN() bedömer om ett värde är ett tal
- Användning av NaN i matematiska operationer returnerar alltid NaN
- Användning av NaN i matematiska strängsoperationer resulterar i NaN
- Typen för NaN är tal (typeof NaN returnerar number)
- Om ett tal beräknas utanför det maximala möjliga talet, returneras oändlighet (Infinity)
- Division med noll genererar Infinity
- Infinity är ett tal (typeof Infinity returnerar number)
- Konstanter med prefixet 0x tolkas som hexadecimala
- toString() metoden kan utge tal i hexadecimal, oktal eller binär form
- Tal kan vara objekt
- Tal och objekt kan inte jämföras säkert
- Objekt och objekt kan inte jämföras säkert
JavaScript numeriska metoder
- toString() metoden konverterar ett tal till en sträng
- valueOf() metoden returnerar ett tal som tal
- toExponential() returnerar ett tal med exponentiell notation
- toFixed() metoden ronderar ett tal till ett specifikt antal decimaler
- toPrecision() returnerar ett tal med specifik längd
- Den globala metoden Number() konverterar variabler till tal
- Den globala metoden Number() kan till och med konvertera datum till tal
- Den globala metoden parseInt() konverterar strängar till tal
- Den globala metoden parseFloat() konverterar strängar till tal
- MAX_VALUE returnerar det största möjliga talet i JavaScript
- MIN_VALUE returnerar det minsta möjliga talet i JavaScript
- POSITIVE_INFINITY betyder oändlighet
- Returnerar POSITIVE_INFINITY vid överskridande
- NEGATIVE_INFINITY betyder negativ oändlighet
- Returnerar NEGATIVE_INFINITY vid överskridande
- NaN betyder 'inte ett tal'
- Att utföra aritmetiska operationer på strängar leder till NaN
- Att använda numeriska egenskaper för variabler returnerar undefined
JavaScript matematik
- Math.PI returnar värdet för PI
- Math.round(x) returnerar det närmaste heltal till x (avrundat värde)
- Math.pow(x, y) returnerar x till y-grad
- Math.sqrt(x) returnerar kvadratrotningen av x
- Math.abs(x) returnerar det absoluta värdet av x
- Math.ceil(x) returnerar det uppåt avrundade värdet av x
- Math.floor(x) returnerar den nedåt avrundade värdet av x
- Math.sin(x) returnerar sinus av vinkeln x (beräknad i radianer)
- Math.cos(x) returnerar cosinus av vinkeln x (beräknad i radianer)
- Math.max() returnerar det högsta värdet i en parameterlista
- Math.min() returnerar det lägsta värdet i en parameterlista
- Konvertera från Celsius till Fahrenheit
JavaScript slumpmässigt
- Math.random() returnerar ett slumpmässigt heltal mellan 0 (inkluderat) och 1 (exkluderat)
- Hur man returnerar ett slumpmässigt heltal mellan 0 och 9 (båda inkluderade)
- Hur man returnerar ett slumpmässigt heltal mellan 0 och 10 (båda inkluderade)
- Hur man returnerar ett slumpmässigt heltal mellan 0 och 99 (båda inkluderade)
- Hur man returnerar ett slumpmässigt heltal mellan 0 och 100 (båda inkluderade)
- Hur man returnerar ett slumpmässigt heltal mellan 1 och 10 (båda inkluderade)
- Hur man returnerar ett slumpmässigt heltal mellan 1 och 100 (båda inkluderade)
- Hur man returnerar ett slumpmässigt heltal mellan x (inkluderat) och y (exkluderat)
- Hur man returnerar ett slumpmässigt heltal mellan x och y (båda inkluderade)
JavaScript datum
- Använd Date() för att visa dagens datum och tid
- Använd getFullYear() för att visa året
- Använd getTime() för att beräkna millisekunderna sedan 1970
- Använd setFullYear() för att sätta ett specifikt datum
- Använd toUTCString() för att konvertera dagens datum (enligt UTC) till en sträng
- Använd getDay() för att visa veckodagar som nummer
- Använd getDay() samt en array för att visa veckodagar med namn
- Visa klockan
JavaScript arrayer
JavaScript arraymetoder
- Lägg till element till en array
- Ta bort sista elementet i en array - pop()
- Koppla ihop alla element i en array till en sträng - join()
- Koppla samman två arrayer - concat()
- Koppla samman tre arrayer - concat()
- Lägg till ett element i en array på plats 2 - splice()
- Konvertera arrayen till en sträng - toString()
- Lägg till ett nytt element i början av arrayen - unshift()
- Ta bort det första elementet från arrayen - shift()
- Välj element från arrayen - slice()
JavaScript array sortering
- Sortera arrayen i stigande ordning
- Sortera arrayen i fallande ordning
- Sortera tal i stigande ordning
- Sortera tal i fallande ordning
- Sortera tal (efter bokstavlig eller numerisk ordning)
- Sortera tal i arrayen i slumpmässig ordning
- Bestäm det minsta talet i arrayen
- Bestäm det största talet i arrayen
- Använd Math.min() för att bestämma det minsta talet i arrayen
- Använd Math.max() för att bestämma det största talet i arrayen
- Använd "egen
- Använd "egen
- Sortera objekt efter numeriska attribut
- Sortera objekt efter teckenattribut
JavaScript arrayiteration
JavaScript Typomvandling
JavaScript boolean
- Visa värdet av Boolean(10 > 9)
- Visa värdet av 10 > 9
- Allt som har ett sant värde är sant
- Nollens booleanvärde är false
- Minus noll (minus zero) booleanvärdet är false
- Tomma strängens booleanvärde är false
- undefined:s booleanvärde är false
- null:s booleanvärde är false
- false:s booleanvärde är false
- NaN:s booleanvärde är false
JavaScript jämförelse
- Tilldela 5 till x, och visa värdet av (x == 8)
- Tilldela 5 till x, och visa värdet av (x == 5)
- Tilldela 5 till x, och visa värdet av (x === 5)
- Tilldela 5 till x, och visa värdet av (x === "5")
- Tilldela 5 till x och visa värdet av (x != 8)
- Tilldela 5 till x och visa värdet av (x !== 5)
- Tilldela 5 till x och visa värdet av (x !== "5")
- Tilldela 5 till x och visa värdet av (x > 8)
- Tilldela 5 till x och visa värdet av (x < 8)
- Tilldela 5 till x och visa värdet av (x >= 8)
- Tilldela 5 till x och visa värdet av (x <= 8)
JavaScript-villkor
JavaScript-loop
JavaScript-felhantering
JavaScript Regularuttryck
JavaScript objekt
- Skapa JavaScript-variabel
- Skapa JavaScript-objekt
- Skapa JavaScript-objekt (en rad)
- Skapa JavaScript-objekt (flera rader)
- Skapa JavaScript-objekt med new
- Skapa JavaScript-objekt med konstruktorn
- Skapa inbyggda JavaScript-objekt
- Det bästa sättet att skapa JavaScript-variabler
- JavaScript-objekt är mutabla
JavaScript Objektattribut
JSON-objekt
JSON-array
JSON-parser
JSON Stringify
JSON PHP
JSON HTML
JSON JSONP
- Föregående sida JS D3.js
- Nästa sida JS HTML DOM
