Det ultimata JavaScript -fuskbladet

Det ultimata JavaScript -fuskbladet

Om du vill bygga dynamiska webbsidor måste du komplettera din HTML- och CSS -kunskap med förståelse för JavaScript . Detta skriptspråk anses vara en väsentlig del i modern webbutveckling.





Du kan bygga alla möjliga intressanta interaktiva appar och webbplatser med JavaScript, men det finns mycket att lära på vägen. Med det i åtanke har vi skapat följande JavaScript -fuskblad för dig.





Fuskarket kan fungera som en snabb uppdatering av JavaScript -element när du behöver ett. Det är praktiskt för nybörjare och experter.





vilken typ av telefon är du

GRATIS NEDLADDNING: Detta fuskblad finns som en nedladdningsbar PDF från vår distributionspartner, TradePub. Du måste fylla i ett kort formulär för att komma åt det för första gången. Ladda ner Det ultimata JavaScript -fuskbladet .

Det ultimata JavaScript -fuskbladet

GenvägHandling
JavaScript -matriser
konkat ()Sätt ihop flera matriser till en
copyWithin ()Kopiera matriselement inom matrisen, till och från angivna positioner
index för()Returnera det primitiva värdet för det angivna objektet
inkluderar ()Kontrollera om en matris innehåller det angivna elementet
Ansluta sig()Kombinera element i en matris till en enda sträng och returnera strängen
poster ()Returnera ett nyckel/värde -par Array Iteration Object
varje()Kontrollera om varje element i en array klarar ett test
fylla()Fyll elementen i en array med ett statiskt värde
filtrera()Skapa en ny array med varje element i en array som klarar ett test
hitta()Returnera värdet på det första elementet i en array som klarar ett test
för varje()Anropa en funktion för varje arrayelement
från()Skapa en matris från ett objekt
lastIndexOf ()Ge den sista position där ett givet element visas i en array
pop ()Ta bort det sista elementet i en array
skjuta på()Lägg till ett nytt element i slutet
omvänd()Sortera element i fallande ordning
minska()Minska värdena för en array till ett enda värde (går från vänster till höger)
reducera höger ()Minska värdena för en array till ett enda värde (går från höger till vänster)
flytta()Ta bort det första elementet i en array
skiva()Dra en kopia av en del av en array till ett nytt arrayobjekt
sortera()Sortera element alfabetiskt
splitsa()Lägg till element på ett visst sätt och position
unshift ()Lägg till ett nytt element i början
Booleanska JavaScript -metoder
att stränga()Konvertera ett booleskt värde till en sträng och returnera resultatet
värdet av()Returnera den första positionen där ett givet element visas i en array
till källan()Returnera en sträng som representerar objektets källkod
JavaScript aritmetiska operatörer
+Tillägg
-Subtraktion
*Multiplikation
/Division
(...)Gruppera operatör (operationer inom parentes utförs tidigare än de utanför)
%Modul (resten)
++Ökningsnummer
-Minska antalet
==Lika med
===Lika värde och samma typ
! =Inte jämnlikt
! ==Inte lika värde eller inte lika typ
>Större än
<Mindre än
> =Större än eller lika med
<=Mindre än eller lika med
?Ternär operatör
Logiska operatörer
&&Logiskt OCH
||Logisk ELLER
!Logiskt INTE
Bitvisa operatörer
&OCH uttalande
|ELLER uttalande
~INTE
^XOR
<<Vänster Shift
>>Höger växling
>>>Nollfyll höger skift
Funktioner
varna()Mata ut data i en varningsruta i webbläsarfönstret
bekräfta()Öppna en ja/nej dialogruta och returnera true/false beroende på användarens klick
console.log ()Skriv information till webbläsarkonsolen (bra för felsökningsändamål)
document.write ()Skriv direkt till HTML -dokumentet
prompt()Skapa en dialog för användarinmatning
Globala funktioner
avkodar ()Avkoda en Uniform Resource Identifier (URI) skapad av encodeURI eller liknande
decodeURIComponent ()Avkoda komponentens URI
codeURI ()Koda en URI till UTF-8
encodeURIComponent ()Samma men för URI -komponenter
eval ()Utvärdera JavaScript -kod representerad som en sträng
isFinite ()Bestäm om ett godkänt värde är ett ändligt tal
isNaN ()Bestäm om ett värde är ett olagligt tal
Siffra()Konvertera ett objekts värde till ett tal
parseFloat ()Analysera en sträng och returnera ett flyttal
parseInt ()Analysera en sträng och returnera ett heltal
JavaScript -loopar
förDet vanligaste sättet att skapa en loop i JavaScript
medanStäll in villkor under vilka en slinga körs
göra medanI likhet med while -slingan körs den dock minst en gång och utför en kontroll i slutet för att se om villkoret är uppfyllt för att köra igen
ha sönderStoppa och avsluta cykeln om vissa villkor är uppfyllda
FortsättaHoppa över delar av cykeln om vissa villkor är uppfyllda
Escape Characters
'Enkelt citat
'Dubbel citat
\Backslash
bBackspace
fFormfoder
nNy linje
rVagnretur
tHorisontell tabulator
vVertikal tabulator
JavaScript -strängmetoder
charAt ()Returnera ett tecken på en angiven position i en sträng
charCodeAt ()Ge karaktärens unicode vid den positionen
konkat ()Koppla samman (sammanfoga) två eller flera strängar till en
fromCharCode ()Returnera en sträng som skapats från den angivna sekvensen för UTF-16-kodenheter
index för()Ange positionen för den första förekomsten av angiven text i en sträng
lastIndexOf ()Samma som indexOf () men med den senaste förekomsten, sökning bakåt
match()Hämta matchningarna i en sträng mot ett sökmönster
byta ut()Hitta och ersätt angiven text i en sträng
Sök()Utför en sökning efter en matchande text och returnera dess position
skiva()Extrahera en del av en sträng och returnera den som en ny sträng
dela()Dela ett strängobjekt i en rad strängar vid en viss position
börjar med()Kontrollera om en sträng börjar med angivna tecken
substr ()Liknar slice () men extraherar en delsträng beroende på ett visst antal tecken
delsträng ()Liknar slice () men kan inte acceptera negativa index
toLowerCase ()Konvertera strängar till gemener
toUpperCase ()Konvertera strängar till versaler
värdet av()Returnera det primitiva värdet (som inte har några egenskaper eller metoder) för ett strängobjekt
REGULAR UTTRYCKNINGSSYNTAX

Mönster Modifierare
OchUtvärdera ersättningen
iUtför skiftlägeskänslig matchning
gUtför global matchning
mUtför matchning med flera rader
sBehandla strängar som en enda linje
xTillåt kommentarer och blanksteg i mönster
UOtrevligt mönster
Fästen
[abc]Hitta någon av karaktärerna i parenteserna
[^ abc]Hitta något tecken som inte finns inom parenteserna
[0-9]Hitta siffran som anges inom parentes
[A-z]Hitta alla tecken från versaler A till gemener z
(a | b | c)Hitta något av alternativen separerade med |
Metatecken
.Hitta ett enda tecken, förutom newline eller line terminator
iOrdet karaktär
ITecken utan ord
dEn siffra
DEtt icke-siffrigt tecken
sWhitespace -karaktär
SIcke-blanksteg
bHitta en matchning i början/slutet av ett ord
BHitta en matchning inte i början/slutet av ett ord
u0000NUL karaktär
nEn ny radkaraktär
fFormfoder tecken
rVagn retur tecken
tFliktecken
vVertikal tabbtecken
xxxTecken som anges med ett oktalt tal xxx
xddLatinskt tecken specificerat med ett hexadecimalt tal dd
uddddUnicode -tecken som anges av ett hexadecimalt tal dddd
Kvantifierare
n+Matcha alla strängar som innehåller minst ett n
n*Alla strängar som innehåller noll eller fler förekomster av n
n?Alla strängar som innehåller noll eller en förekomst av n
n {X}Alla strängar som innehåller en sekvens av X n: er
n {X, Y}Strängar som innehåller en sekvens av X till Y ns
n {X,}Matchar alla strängar som innehåller en sekvens av minst X n: er
n $Vilken sträng som helst med n i slutet av den
^nSträng med n i början av den
? = nAlla strängar som följs av en specifik sträng n
?! nSträng som inte följs av en specifik sträng n
Nummeregenskaper
MAX_VALUEMaximalt numeriskt värde som kan representeras i JavaScript
MIN_VALUEMinsta positiva numeriska värde som kan representeras i JavaScript
NaNVärdet Not-a-Number
NEGATIVE_INFINITYNegativt oändligt värde
POSITIVE_INFINITYPositivt oändligt värde
Antal metoder
toExponential ()Returnera en sträng med ett avrundat tal skrivet som exponentiell notation
toFixed ()Retursträng för ett tal med ett visst antal decimaler
toPrecision ()Retursträng för ett tal skrivet med en angiven längd
att stränga()Returnera ett nummer som en sträng
värdet av()Returnera ett nummer som ett nummer
Matematiska egenskaper
OCHEulers nummer
LN2Naturlig logaritm av 2
LN10Naturlig logaritm av 10
LOG2EBas 2 -logaritmen för E
LOG10EBas 10 logaritm av E
PITalet PI
SQRT1_2Kvadratrot av 1/2
SQRT2Kvadratrot av 2
Matematiska metoder
abs (x)Returnera det absoluta (positiva) värdet av x
accos (x)Arccosine av x, i radianer
asin (x)Arcsine av x, i radianer
atan (x)Arctangent av x som ett numeriskt värde
atan2 (y, x)Arctangent av kvoten av dess argument
tak (x)Värdet av x avrundas upp till närmaste heltal
cos (x)Cosinus av x (x är i radianer)
exp (x)Värdet av ex
golv (x)Värdet av x avrundat nedåt till närmaste heltal
log (x)Naturlig logaritm (bas E) av x
max (x, y, z, ..., n)Nummer med högsta värde
min (x, y, z, ..., n)Tal med lägsta värde
pow (x, y)X till y: s kraft
slumpmässig()Slumpmässigt tal mellan 0 och 1
rund (x)Värdet av x avrundat till närmaste heltal
synd (x)Sinus av x (x är i radianer)
kvadrat (x)Kvadratrot av x
så (x)Tangent av en vinkel
Datum
Datum()Skapa ett nytt datumobjekt med aktuellt datum och tid
Datum (2017, 5, 21, 3, 23, 10, 0)Skapa ett anpassat datumobjekt. Siffrorna representerar år, månad, dag, timme, minuter, sekunder, millisekunder. Du kan utelämna allt du vill förutom år och månad.
Datum (2017-06-23)Datumdeklaration som en sträng
getDate ()Få månadsdagen som ett tal (1-31)
getDay ()Få veckodagen som ett nummer (0-6)
getFullYear ()Få året som ett fyrsiffrigt tal (åååå)
getHours ()Få timmen (0-23)
getMilliseconds ()Få millisekunden (0-999)
getMinutes ()Få minuten (0-59)
getMonth ()Få månaden som ett nummer (0-11)
getSeconds ()Få den andra (0-59)
få tid()Få tid (millisekunder sedan 1 januari 1970)
getUTCDate ()Dag (datum) i månaden i det angivna datumet enligt universell tid (även tillgänglig för dag, månad, helår, timmar, minuter etc.)
analyseraAnalysera en strängrepresentation av ett datum och returnera antalet millisekunder sedan 1 januari 1970
bestämma datum()Ställ in dagen som ett tal (1-31)
setFullYear ()Ange år (valfritt månad och dag)
setHours ()Ställ in timme (0-23)
setMilliseconds ()Ställ in millisekunderna (0-999)
setMinutes ()Ställ in minuter (0-59)
setMonth ()Ange månad (0-11)
setSeconds ()Ställ in sekunderna (0-59)
Ställ klockan()Ställ in tiden (millisekunder sedan 1 januari 1970)
setUTCDate ()Ställ in dagen i månaden för ett visst datum enligt universell tid (finns också för dag, månad, helår, timmar, minuter etc.)
DOM -LÄGE

Nodegenskaper
attributLive -samling av alla attribut som är registrerade för ett element
baseURIAbsolut bas -URL för ett HTML -element
barnNoderSamling av ett elements barns noder
förstföddeFörsta barns nod av ett element
sista barnetSista barnnoden för ett element
nästaSiblingNästa nod på samma nodträdsnivå
nodnamnNamn på en nod
nodtypTyp av nod
nodvärdeVärdet av en nod
ägareDokumentDokumentobjekt på högsta nivå för aktuell nod
parentNodeFöräldernod för ett element
föregåendeSiblingNod omedelbart före den aktuella
textContentTextinnehåll i en nod och dess ättlingar
Nodmetoder
appendChild ()Lägg till en ny underordnad nod till ett element som den sista barnnoden
cloneNode ()Klon HTML -element
CompareDocumentPosition ()Jämför dokumentpositionen för två element
getFeature ()Returnera ett objekt som implementerar API: erna för en specificerad funktion
hasAttributes ()Returnera true om ett element har några attribut, annars returnera false
hasChildNodes ()Returnera true om ett element har några underordnade noder, annars returnera false
insertBefore ()Infoga en ny underordnad nod före en angiven, befintlig barnnod
isDefaultNamespace ()Returnera true om ett specificerat namnutrymmeURI är standard, annars returnera false
isEqualNode ()Kontrollera om två element är lika
isSameNode ()Kontrollera om två element är samma nod
isSupported ()Returnera true om en angiven funktion stöds på elementet
lookupNamespaceURI ()Returnera namnrymdenURI som är associerad med en given nod
lookupPrefix ()Returnera en DOMString som innehåller prefixet för ett givet namnutrymmeURI, om det finns
normalisera()Gå med angränsande textnoder och ta bort tomma textnoder i ett element
removeChild ()Ta bort en underordnad nod från ett element
Ersätt barn ()Ersätt en underordnad nod i ett element
Elementmetoder
getAttribute ()Returnera det angivna attributvärdet för en elementnod
getAttributeNS ()Returnera strängvärdet för attributet med det angivna namnutrymmet och namnet
getAttributeNode ()Hämta den angivna attributnoden
getAttributeNodeNS ()Returnera attributnoden för attributet med det angivna namnutrymmet och namnet
getElementsByTagName ()Ge en samling av alla underordnade element med det angivna taggnamnet
getElementsByTagNameNS ()Returnera en levande HTML -samling av element med ett visst taggnamn som tillhör det angivna namnområdet
hasAttribute ()Returnera true om ett element har några attribut, annars returnera false
hasAttributeNS ()Ange ett sant/falskt värde som anger om det aktuella elementet i ett visst namnområde har det angivna attributet
removeAttribute ()Ta bort ett angivet attribut från ett element
removeAttributeNS ()Ta bort det angivna attributet från ett element inom ett visst namnområde
removeAttributeNode ()Ta bort en angiven attributnod och returnera den borttagna noden
setAttribute ()Ange eller ändra det angivna attributet till ett visst värde
setAttributeNS ()Lägg till ett nytt attribut eller ändra värdet på ett attribut med det angivna namnutrymmet och namnet
setAttributeNode ()Ange eller ändra den angivna attributnoden
setAttributeNodeNS ()Lägg till en ny namnutrymme -attributnod till ett element
Egenskaper för webbläsarfönster
stängdKontrollera om ett fönster har stängts eller inte och returnera sant eller falskt
defaultStatusAnge eller returnera standardtexten i statusfältet i ett fönster
dokumenteraReturnera dokumentobjektet för fönstret
ramarReturnera alla