The Ultimate JavaScript Cheat Sheet

The Ultimate JavaScript Cheat Sheet

Pokud chcete vytvářet dynamické webové stránky, budete si muset doplnit znalosti HTML a CSS porozumění JavaScriptu . Tento skriptovací jazyk je považován za nezbytný v moderním vývoji webových aplikací.





Pomocí JavaScriptu můžete vytvářet všechny druhy zajímavých interaktivních aplikací a webů, ale na cestě se máte co učit. S ohledem na to jsme pro vás vytvořili následující cheat pro JavaScript.





Podváděcí list může sloužit jako rychlé obnovení prvků JavaScriptu, kdykoli ho budete potřebovat. Je to užitečné pro nováčky i odborníky.





proč moje zprávy neříkají doručené

STAŽENÍ ZDARMA: Tento cheat list je k dispozici jako soubor PDF ke stažení od našeho distribučního partnera TradePub. Abyste k němu měli přístup pouze poprvé, budete muset vyplnit krátký formulář. Stažení The Ultimate JavaScript Cheat Sheet .

The Ultimate JavaScript Cheat Sheet

ZkratkaAkce
Pole JavaScript
concat ()Spojte několik polí do jednoho
copyWithin ()Zkopírujte prvky pole do pole, do a ze zadaných pozic
indexOf ()Vrátí primitivní hodnotu zadaného objektu
zahrnuje()Zkontrolujte, zda pole obsahuje zadaný prvek
připojit()Zkombinujte prvky pole do jednoho řetězce a vraťte řetězec
záznamy ()Vraťte pár klíč/hodnota Array Iteration Object
každý()Zkontrolujte, zda každý prvek v poli projde testem
vyplnit()Vyplňte prvky v poli statickou hodnotou
filtr()Vytvořte nové pole s každým prvkem v poli, které projde testem
nalézt()Vrátí hodnotu prvního prvku v poli, které prošlo testem
pro každého()Volání funkce pro každý prvek pole
z()Vytvořte pole z objektu
lastIndexOf ()Zadejte poslední pozici, na které se daný prvek objeví v poli
pop ()Odeberte poslední prvek pole
tam()Na konci přidejte nový prvek
zvrátit()Seřadit prvky sestupně
snížit()Snižte hodnoty pole na jednu hodnotu (přechod zleva doprava)
snížitVpravo ()Snižte hodnoty pole na jednu hodnotu (přechod zprava doleva)
posun()Odeberte první prvek pole
plátek()Vytáhněte kopii části pole do nového objektu pole
třídit ()Seřadit prvky podle abecedy
spojka ()Přidejte prvky určeným způsobem a pozicí
zrušit řazení ()Přidejte nový prvek na začátek
Booleovské metody JavaScriptu
toString ()Převeďte logickou hodnotu na řetězec a vraťte výsledek
hodnota()Vrátí první pozici, na které se daný prvek objeví v poli
toSource ()Vrátí řetězec představující zdrojový kód objektu
Aritmetické operátory JavaScript
+Přidání
-Odčítání
*Násobení
/Divize
(...)Operátor seskupení (operace v závorkách jsou prováděny dříve než ty mimo)
%Modul (zbytek)
++Přírůstková čísla
-Snížení čísel
==Rovná
===Stejná hodnota a stejný typ
! =Není rovno
! ==Není stejná hodnota nebo není stejný typ
>Větší než
<Méně než
> =Větší než nebo rovno
<=Méně než nebo rovno
?Ternární operátor
Logičtí operátoři
&&Logické AND
||Logické NEBO
!Logické NE
Bitové operátory
&AND prohlášení
|NEBO prohlášení
~NE
^XOR
<<Levý Shift
>>Posun doprava
>>>Posunutí nulové výplně doprava
Funkce
výstraha ()Výstup dat do výstražného pole v okně prohlížeče
potvrdit()Otevřete dialogové okno ano/ne a v závislosti na kliknutí uživatele vraťte hodnotu true/false
console.log ()Zápis informací do konzoly prohlížeče (vhodné pro účely ladění)
document.write ()Zapište přímo do dokumentu HTML
výzva()Vytvořte dialog pro vstup uživatele
Globální funkce
dekóduje ()Dekódujte Uniform Resource Identifier (URI) vytvořený encodeURI nebo podobným
decodeURIComponent ()Dekódujte identifikátor URI komponenty
encodeURI ()Kódujte URI do UTF-8
encodeURIComponent ()Totéž, ale pro komponenty URI
eval ()Vyhodnoťte kód JavaScript reprezentovaný jako řetězec
isFinite ()Určete, zda je předaná hodnota konečným číslem
isNaN ()Určete, zda je hodnota neplatné číslo
Číslo()Převeďte hodnotu objektu na číslo
parseFloat ()Analyzujte řetězec a vraťte číslo s plovoucí desetinnou čárkou
parseInt ()Analyzujte řetězec a vraťte celé číslo
Smyčky JavaScript
proNejběžnější způsob, jak vytvořit smyčku v JavaScriptu
zatímcoNastavte podmínky, za kterých se smyčka spustí
dělat, zatímcoPodobně jako smyčka while se však provede alespoň jednou a na konci provede kontrolu, zda je splněna podmínka pro opětovné spuštění
přestávkaZastavte a ukončete cyklus, pokud jsou splněny určité podmínky
pokračovatPřeskočte části cyklu, pokud jsou splněny určité podmínky
Únikové postavy
'Jediný citát
'Dvojitá citace
\Obrácené lomítko
bBackspace
FFormulář
nNový řádek
rNávrat vozíku
tHorizontální tabulátor
vVertikální tabulátor
Metody řetězce JavaScript
charAt ()Vrací znak na zadané pozici uvnitř řetězce
charCodeAt ()Na této pozici zadejte unicode znaku
concat ()Spojte (spojte) dva nebo více řetězců do jednoho
fromCharCode ()Vrátí řetězec vytvořený ze zadané posloupnosti jednotek kódu UTF-16
indexOf ()Zadejte pozici prvního výskytu zadaného textu v řetězci
lastIndexOf ()Stejné jako indexOf (), ale s posledním výskytem, ​​vyhledávání zpět
zápas()Načíst shody řetězce proti vyhledávacímu vzoru
nahradit()Najděte a nahraďte zadaný text v řetězci
Vyhledávání()Proveďte vyhledávání pro odpovídající text a vraťte jeho pozici
plátek()Extrahujte část řetězce a vraťte ji jako nový řetězec
rozdělit()Rozdělte objekt řetězce do pole řetězců na určené pozici
začíná s()Zkontrolujte, zda řetězec začíná zadanými znaky
substr ()Podobně jako slice (), ale extrahuje podřetězec závislý na zadaném počtu znaků
podřetězec ()Podobně jako slice (), ale nemůže přijímat záporné indexy
toLowerCase ()Převést řetězce na malá písmena
toUpperCase ()Převést řetězce na velká písmena
hodnota()Vrátí primitivní hodnotu (která nemá žádné vlastnosti ani metody) řetězcového objektu
PRAVIDELNÝ EXPRESNÍ SYNTAX

Modifikátory vzorů
AVyhodnoťte výměnu
Proveďte párování bez rozlišování malých a velkých písmen
GProveďte globální shodu
mProveďte párování více řádků
sŘetězce považujte za jednořádkové
XPovolit komentáře a mezery ve vzoru
UNenápadný vzor
Závorky
[abc]Najděte jakoukoli postavu v závorkách
[^ abc]Najděte jakýkoli znak, který není v závorkách
[0-9]Najděte číslici uvedenou v závorkách
[A-z]Najděte libovolný znak od velkých A po malá z
(a | b | c)Najděte některou z alternativ oddělených |
Metaznaky
.Najděte jeden znak kromě ukončovacího řádku nebo řádku
vSlovo znak
VNeslovný znak
dČíslice
DNeciferný znak
sPrázdný znak
SNon-whitespace znak
bNajděte shodu na začátku/konci slova
BNajděte shodu, která není na začátku/na konci slova
u0000NULOVÁ postava
nNová liniová postava
FFormulář znaku
rZnak návratu vozíku
tZnak tabulátoru
vZnak svislé záložky
xxxZnak určený osmičkovým číslem xxx
xddLatinský znak určený šestnáctkovým číslem dd
uddddZnak Unicode určený šestnáctkovým číslem dddd
Kvantifikátory
n+Porovnejte libovolný řetězec, který obsahuje alespoň jedno n
n*Libovolný řetězec, který obsahuje nula nebo více výskytů n
n?Libovolný řetězec, který obsahuje nula nebo jeden výskyt n
n {X}Jakýkoli řetězec, který obsahuje sekvenci X n
n {X, Y}Řetězce, které obsahují sekvenci X až Y n
n {X,}Odpovídá jakémukoli řetězci, který obsahuje sekvenci alespoň X n
n $Libovolný řetězec s n na konci
^nŘetězec s n na začátku
? = nJakýkoli řetězec, za kterým následuje konkrétní řetězec n
?! nŘetězec, za kterým nenásleduje konkrétní řetězec n
Vlastnosti čísel
MAX_HODNOTAMaximální číselná hodnota reprezentovatelná v JavaScriptu
MIN_HODNOTANejmenší kladná číselná hodnota reprezentovatelná v JavaScriptu
NaNHodnota Not-a-Number
NEGATIVNÍ_KONEČNOSTZáporná hodnota nekonečna
POZITIVNÍ_KONEČNOSTPozitivní hodnota nekonečna
Číselné metody
toExponential ()Vrátí řetězec se zaobleným číslem zapsaným jako exponenciální zápis
toFixed ()Návratový řetězec čísla se zadaným počtem desetinných míst
toPrecision ()Návratový řetězec čísla zapsaného se zadanou délkou
toString ()Vraťte číslo jako řetězec
hodnota()Vraťte číslo jako číslo
Matematické vlastnosti
AEulerovo číslo
LN2Přirozený logaritmus 2
LN10Přirozený logaritmus 10
LOG2EZáklad 2 logaritmu E
LOG10EZáklad 10 logaritmu E
PIČíslo PI
SQRT1_2Druhá odmocnina z 1/2
SQRT2Druhá odmocnina ze 2
Matematické metody
abs (x)Vrátí absolutní (kladnou) hodnotu x
accos (x)Arccosine x, v radiánech
asin (x)Arcsine x, v radiánech
atan (x)Arktangens x jako číselná hodnota
atan2 (y, x)Arktangens kvocientu jeho argumentů
strop (x)Hodnota x zaokrouhlená nahoru na nejbližší celé číslo
cos (x)Kosinus x (x je v radiánech)
exp (x)Hodnota Ex
patro (x)Hodnota x zaokrouhlená dolů na nejbližší celé číslo
log (x)Přirozený logaritmus (základ E) x
max (x, y, z, ..., n)Číslo s nejvyšší hodnotou
min (x, y, z, ..., n)Číslo s nejnižší hodnotou
pow (x, y)X na sílu y
náhodný()Náhodné číslo mezi 0 a 1
kulatý (x)Hodnota x zaokrouhlená na nejbližší celé číslo
hřích (x)Sinus x (x je v radiánech)
sqrt (x)Druhá odmocnina z x
tak (x)Tečna úhlu
Termíny
Datum()Vytvořte nový objekt data s aktuálním datem a časem
Datum (2017, 5, 21, 3, 23, 10, 0)Vytvořte vlastní objekt data. Čísla představují rok, měsíc, den, hodinu, minuty, sekundy, milisekundy. Můžete vynechat cokoli chcete, kromě roku a měsíce.
Datum (23. 06. 2017)Datum prohlášení jako řetězec
getDate ()Získejte den v měsíci jako číslo (1-31)
getDay ()Získejte den v týdnu jako číslo (0-6)
getFullYear ()Získejte rok jako čtyřmístné číslo (rrrr)
getHours ()Získejte hodinu (0-23)
getMilliseconds ()Získejte milisekundu (0-999)
getMinutes ()Získejte minutu (0–59)
getMonth ()Získejte měsíc jako číslo (0–11)
getSeconds ()Získejte druhé (0-59)
getTime ()Získejte čas (milisekundy od 1. ledna 1970)
getUTCDate ()Den (datum) měsíce v zadaném datu podle univerzálního času (k dispozici také pro den, měsíc, úplný rok, hodiny, minuty atd.)
analyzovatAnalyzujte řetězcovou reprezentaci data a vraťte počet milisekund od 1. ledna 1970
setDate ()Nastavit den jako číslo (1-31)
setFullYear ()Nastavte rok (volitelně měsíc a den)
setHours ()Nastavit hodinu (0-23)
setMilliseconds ()Nastavit milisekundy (0-999)
setMinutes ()Nastavit minuty (0-59)
setMonth ()Nastavit měsíc (0-11)
setSeconds ()Nastavit sekundy (0-59)
setTime ()Nastavit čas (milisekundy od 1. ledna 1970)
setUTCDate ()Nastavte den v měsíci na zadané datum podle univerzálního času (k dispozici také pro den, měsíc, úplně, hodiny, minuty atd.)
DOM MODE

Vlastnosti uzlu
atributyŽivá sbírka všech atributů registrovaných u prvku
baseURIAbsolutní základní URL prvku HTML
childNodesKolekce podřízených uzlů prvku
první dítěPrvní podřízený uzel prvku
poslední dítěPoslední podřízený uzel prvku
dalšíSourozenecDalší uzel na stejné úrovni stromu uzlu
název_uzluNázev uzlu
typ uzluTyp uzlu
nodeValueHodnota uzlu
dokument vlastníkaObjekt dokumentu nejvyšší úrovně pro aktuální uzel
parentNodeNadřazený uzel prvku
předchozí SourozenecUzel bezprostředně předcházející současnému
textový obsahTextový obsah uzlu a jeho potomků
Metody uzlu
appendChild ()Přidejte nový podřízený uzel k prvku jako poslední podřízený uzel
cloneNode ()Klonovat prvek HTML
porovnatDocumentPosition ()Porovnejte polohu dokumentu dvou prvků
getFeature ()Vrátí objekt, který implementuje rozhraní API zadané funkce
hasAttributes ()Pokud má prvek nějaké atributy, vraťte hodnotu true, jinak vraťte hodnotu false
hasChildNodes ()Pokud má prvek podřízené uzly, vraťte hodnotu true, v opačném případě vraťte hodnotu false
insertBefore ()Vložte nový podřízený uzel před zadaný, existující podřízený uzel
isDefaultNamespace ()Vrátí true, pokud je zadaný namespaceURI výchozí, v opačném případě vrátí false
isEqualNode ()Zkontrolujte, zda jsou dva prvky stejné
isSameNode ()Zkontrolujte, zda jsou dva prvky stejný uzel
isSupported ()Pokud je u prvku podporována zadaná funkce, vrátí hodnotu true
lookupNamespaceURI ()Vrátí namespaceURI přidružený k danému uzlu
lookupPrefix ()Vrátí řetězec DOMString obsahující předponu pro daný obor názvůURI, pokud je k dispozici
normalizovat()Připojte sousední textové uzly a odeberte prázdné textové uzly v prvku
removeChild ()Odeberte podřízený uzel z prvku
replaceChild ()Nahraďte podřízený uzel v prvku
Elementární metody
getAttribute ()Vrátí zadanou hodnotu atributu uzlu prvku
getAttributeNS ()Vrací řetězcovou hodnotu atributu se zadaným oborem názvů a názvem
getAttributeNode ()Získejte uzel zadaného atributu
getAttributeNodeNS ()Vraťte uzel atributu pro atribut s daným oborem názvů a názvem
getElementsByTagName ()Poskytněte kolekci všech podřízených prvků se zadaným názvem značky
getElementsByTagNameNS ()Vrátí živou kolekci HTML prvků s určitým názvem značky patřícím do daného oboru názvů
hasAttribute ()Pokud má prvek nějaké atributy, vraťte hodnotu true, jinak vraťte hodnotu false
hasAttributeNS ()Zadejte hodnotu true/false označující, zda aktuální prvek v daném oboru názvů má zadaný atribut
removeAttribute ()Odeberte z prvku zadaný atribut
removeAttributeNS ()Odeberte zadaný atribut z prvku v rámci určitého oboru názvů
removeAttributeNode ()Odeberte uzel zadaného atributu a vraťte odstraněný uzel
setAttribute ()Nastavte nebo změňte zadaný atribut na zadanou hodnotu
setAttributeNS ()Přidejte nový atribut nebo změňte hodnotu atributu s daným oborem názvů a názvem
setAttributeNode ()Nastavte nebo změňte zadaný uzel atributu
setAttributeNodeNS ()Přidejte k prvku nový uzel atributu pojmenovaného podle názvů
Vlastnosti okna prohlížeče
ZavřenoZkontrolujte, zda bylo okno zavřeno nebo ne, a vraťte hodnotu true nebo false
defaultStatusNastavit nebo vrátit výchozí text ve stavovém řádku okna
dokumentVraťte objekt dokumentu pro okno
rámyVrátit vše