Si vous souhaitez créer des pages Web dynamiques, vous devrez compléter vos connaissances en HTML et CSS par une compréhension de JavaScript. Ce langage de script est considéré comme un élément essentiel du développement Web moderne.
Vous pouvez créer toutes sortes d'applications et de sites Web interactifs intéressants avec JavaScript, mais il y a beaucoup à apprendre en cours de route. Dans cet esprit, nous avons créé pour vous la feuille de triche JavaScript suivante.
La feuille de triche peut servir de rappel rapide sur les éléments JavaScript chaque fois que vous en avez besoin. C'est pratique pour les débutants comme pour les experts.
TÉLÉCHARGEMENT GRATUIT : Cette aide-mémoire est disponible sous forme de PDF téléchargeable de notre partenaire de distribution, TradePub. Vous devrez remplir un court formulaire pour y accéder pour la première fois seulement. Téléchargez la feuille de triche JavaScript ultime.
L'ultime aide-mémoire JavaScript
Raccourci | Action | Tableaux JavaScript concat()Join plusieurs tableaux dans onecopyWithin()Copie les éléments du tableau dans le tableau, vers et depuis les positions spécifiéesindexOf()Retourne la valeur primitive de l'objet spécifiéincludes()Vérifie si un tableau contient l'élément spécifiéjoin()Combine les éléments d'un tableau dans une seule chaîne et renvoie les stringentries()Renvoie une paire clé/valeur Array Iteration Objectevery()Vérifie si chaque élément d'un tableau passe un testfill()Remplit les éléments d'un tableau avec une valeur statiquefilter()Crée un nouveau tableau avec chaque élément d'un tableau qui passe un testfind()Renvoie la valeur du premier élément d'un tableau qui passe un testforEach()Appelle une fonction pour chaque tableau elementfrom()Crée un tableau à partir d'un objetlastIndexOf()Donne la dernière position à laquelle un l'élément donné apparaît dans un arraypop()Retire le dernier élément d'un arraypush()Ajoute un nouvel élément à l'endreverse()Trie les éléments dans l'ordre décroissantreduce()Réduit les valeurs d'un tableau à une seule valeur (de gauche à droite )reduceRight()Réduit e e les valeurs d'un tableau en une seule valeur (de droite à gauche)shift() Supprimer le premier élément d'un arrayslice()Tirer une copie d'une partie d'un tableau dans un nouveau tableau objectort()Trier les éléments par ordre alphabétiquesplice() Ajouter des éléments d'une manière spécifiée et positionunshift()Ajouter un nouvel élément au début
Méthodes booléennes JavaScript toString()Convertit une valeur booléenne en chaîne et renvoie le résultatvalueOf()Renvoie la première position à laquelle un élément donné apparaît dans un tableautoSource()Renvoie une chaîne représentant le code source de l'objet
Opérateurs arithmétiques JavaScript +Addition-Soustraction*Multiplication/Division(...)Opérateur de regroupement (les opérations entre parenthèses sont exécutées plus tôt que celles à l'extérieur)%Modulus (reste)++Incrémentation des nombres--Décrémentation des nombres==Égal à===Valeur égale et égale type !=Pas égal !==Valeur différente ou différente de type>Supérieur à=Supérieur ou égal à<=Moins ou égal à ?Opérateur ternaireOpérateurs logiques &&ET logique||OU logique !NON logiqueOpérateurs au niveau du bit Instruction &AND|Instruction OR~NOT^XOR<>Right shift>>>Zero fill right shiftFonctions alert()Sortie des données dans une boîte d'alerte dans la fenêtre du navigateurconfirm()Ouvre une boîte de dialogue oui/non et renvoie vrai/faux en fonction de l'utilisateur clickconsole.log()Écrit des informations dans la console du navigateur (utile à des fins de débogage)document.write ()Écrire directement dans l'invite de document HTML()Créer une boîte de dialogue pour la saisie de l'utilisateurFonctions globales decodeURI()Décoder un identificateur de ressource uniforme (URI) créé par encodeURI ou similairedecodeURIComponent()Décoder un composant URIencodeURI()Encoder un URI en UTF-8encodeURIComponent()Idem mais pour les composants URIeval()Évaluer le code JavaScript représenté sous forme de chaîneisFinite()Déterminer si une valeur transmise est un nombre finiisNaN()Déterminer si une valeur est un nombre illégalNumber()Convertir la valeur d'un objet en nombreparseFloat()Analyser une chaîne et renvoyer un nombre à virgule flottanteparseInt()Analyser une chaîne et renvoyer un entier Boucles JavaScript forLa manière la plus courante de créer une boucle en JavaScriptwhileConfigurer les conditions dans lesquelles une boucle s'exécutedo whileSimilaire à la boucle while, cependant, elle s'exécute au moins une fois et effectue une vérification à la fin pour voir si la condition est remplie pour s'exécuter à nouveaubreakStop et quitter le cycle si certaines conditions sont rempliescontinuerIgnorer des parties du cycle si certaines conditions sont rempliesCaractères d'échappement \'Apostrophe\"Avis double\\Barre oblique inverse\bEspacement arrière\fSaut de formulaire\nNouvelle ligne\rRetour chariot\tTabulateur horizontal\vTabulateur verticalMéthodes de chaînes JavaScript charAt()Renvoyer un caractère à une position spécifiée à l'intérieur d'une chaînecharCodeAt()Donner l'unicode du caractère à cette positionconcat()Concaténer (joindre) deux ou plusieurs chaînes en une seulefromCharCode()Renvoyer une chaîne créée à partir de la séquence spécifiée de code UTF-16 unitsindexOf()Fournit la position de la première occurrence du texte spécifié dans une chaînelastIndexOf()Identique à indexOf() mais avec la dernière occurrence, recherche vers l'arrièrematch()Récupérer les correspondances d'une chaîne par rapport à un modèle de recherchereplace()Rechercher et remplacer le texte spécifié in a stringsearch()Exécute une recherche d'un texte correspondant et renvoie sa positionlice()Extrait une section d'une chaîne et la renvoie comme une nouvelle chaînesplit()Divise un objet chaîne en un tableau de chaînes à une position spécifiéestartsWith()Vérifie si une chaîne commence par des caractères spécifiéssubstr() Similaire à slice() mais extrait une sous-chaîne en fonction d'un nombre spécifié de caractèressubstring() Similaire à slice() mais ne peut pas accepter les indices négatifstoLowerCase()Co nvertir les chaînes en minusculestoUpperCase()Convertir les chaînes en majusculesvalueOf()Renvoyer la valeur primitive (sans propriétés ni méthodes) d'un objet chaîneSYNTAXE D'EXPRESSION RÉGULIÈRE
Modificateurs de motif eÉvaluer le remplacementiEffectuer une correspondance insensible à la cassegEffectuer une correspondance globalemEffectuer des correspondances sur plusieurs lignesTraiter les chaînes comme une seule lignexAutoriser les commentaires et les espaces dans le modèleUModèle peu gourmandParenthèses [abc]Trouvez n'importe quel caractère entre crochets[^abc]Trouvez n'importe quel caractère qui n'est pas entre crochets[0-9]Trouvez le chiffre spécifié entre crochets[Az]Trouvez n'importe quel caractère de la majuscule A à la minuscule z(a|b| c) Trouvez n'importe laquelle des alternatives séparées par |Métacaractères .Rechercher un seul caractère, sauf le saut de ligne ou la fin de ligne\wCaractère de mot\WNcaractère non-mot\dUn chiffre\DA caractère non-chiffre\sCaractère espace\SCaractère non-espace\bRechercher une correspondance au début/à la fin d'un mot\BFind une correspondance pas au début/à la fin d'un mot\u0000caractère NUL\nun caractère de retour à la ligne\fcaractère de saut de page\rcaractère de retour chariot\tcaractère de tabulation\vcaractère de tabulation verticale\xxxcaractère spécifié par un nombre octal xxx\xddcaractère latin spécifié par un nombre hexadécimal dd\uddddCaractère Unicode spécifié par un nombre hexadécimal ddddQuantificateurs n+Match toute chaîne qui contient au moins un nn*Toute chaîne qui contient zéro ou plusieurs occurrences de nn ?Toute chaîne qui contient zéro ou une occurrence de nn{X}Toute chaîne qui contient une séquence de X n'sn{X, Y}Chaînes contenant une séquence de X à Y n'sn{X,}Correspond à toute chaîne contenant une séquence d'au moins X n'sn$Toute chaîne avec n à la fin^nChaîne avec n au début de it?=nToute chaîne suivie d'une chaîne spécifique n?!nChaîne non suivie d'une chaîne spécifique nPropriétés du nombre MAX_VALUEValeur numérique maximale représentable en JavaScriptMIN_VALUESla plus petite valeur numérique positive représentable en JavaScriptNaNLa valeur "Not-a-Number"NEGATIVE_INFINITYValeur Infinity négativePOSITIVE_INFINITYValeur Infinity positiveMéthodes numériques toExponential()Renvoie une chaîne avec un nombre arrondi écrit en notation exponentielletoFixed()Renvoie la chaîne d'un nombre avec un nombre spécifié de décimalestoPrecision()Renvoie la chaîne d'un nombre écrit avec une longueur spécifiéetoString()Renvoie un nombre sous forme de chaînevalueOf()Return un nombre en tant que nombrePropriétés mathématiques Nombre d'EEulerLN2Logarithme naturel de 2LN10Logarithme naturel de 10LOG2Logarithme de base 2 de ELOG10LOGarithme de base 10 de EPILe nombre PISQRT1_2Racine carrée de 1/2SQRT2Racine carrée de 2Méthodes mathématiques abs(x)Renvoie la valeur absolue (positive) de xacos(x)Arccosinus de x, en radiansasin(x)Arcsinus de x, en radiansatan(x)Arctangente de x en tant que valeur numériqueatan2(y,x)Arctangente du quotient de ses argumentsceil(x)Valeur de x arrondie à son entier le plus prochecos(x)Cosinus de x (x est en radians)exp(x)Valeur de Exfloor(x)Valeur de x arrondie à son entier le plus prochelog(x)Naturel logarithme (base E) de xmax(x,y,z,...,n)Nombre avec la valeur la plus élevéemin(x,y,z,...,n)Nombre avec la valeur la plus faiblepow(x,y)X à la puissance of yrandom()Nombre aléatoire entre 0 et 1round(x)Valeur de x arrondie à son entier le plus prochein(x)Sinus de x (x est en radians)sqrt(x)Racine carrée de xtan(x)Tangente d'un angleDates Date()Créer un nouvel objet date avec la date et l'heure actuellesDate(2017, 5, 21, 3, 23, 10, 0)Créer un objet date personnalisé. Les nombres représentent l'année, le mois, le jour, l'heure, les minutes, les secondes, les millisecondes. Vous pouvez omettre tout ce que vous voulez sauf l'année et le mois.Date("2017-06-23")Déclaration de date sous forme de chaîne un nombre (0-6)getFullYear()Obtenir l'année sous la forme d'un nombre à quatre chiffres (yyyy)getHours()Obtenir l'heure (0-23)getMilliseconds()Obtenir la milliseconde (0-999)getMinutes()Obtenir la minute ( 0-59)getMonth() Récupère le mois sous forme de nombre (0-11)getSeconds() Récupère la seconde (0-59)getTime() Récupère l'heure (millisecondes depuis le 1er janvier 1970)getUTCDate()Jour (date) du mois à la date spécifiée en fonction du temps universel (également disponible pour le jour, le mois, l'année complète, les heures, les minutes, etc.) jour sous forme de nombre (1-31)setFullYear()Définir l'année (éventuellement mois et jour)setHours()Définir l'heure (0-23)setMilliseconds()Définir les millisecondes (0-999)setMinutes()Définir les minutes ( 0-59)setMonth() Définit le mois (0-11)setSeconds() Définit les secondes (0-59)setTime()Réglez l'heure (en millisecondes depuis le 1er janvier 1970)setUTCDate()Réglez le jour du mois pour une date spécifiée en fonction du temps universel (également disponible pour le jour, le mois, l'année complète, les heures, les minutes, etc. .)MODE DOM
Propriétés du nœud attributsLive collection de tous les attributs enregistrés dans un élémentbaseURIURL de base absolue d'un élément HTMLchildNodesCollection des nœuds enfants d'un élémentfirstChildPremier nœud enfant d'un élémentlastChildLast nœud enfant d'un élémentnextSiblingNext nœud au même niveau d'arborescence de nœudsnodeNameName d'un nodenodeTypeType d'un nodenodeValueValue d'un nodeownerDocumentTop-level document object pour le nœud actuel nodeparentNodeParent d'un elementpreviousSiblingNode précédant immédiatement le contenu onetextContentTextual actuel d'un nœud et ses descendantsNode Methods appendChild()Ajoute un nouveau nœud enfant à un élément en tant que dernier nœud enfantcloneNode()Clone HTML elementcompareDocumentPosition()Compare la position du document de deux élémentsgetFeature()Renvoie un objet qui implémente les API d'une fonctionnalité spécifiéehasAttributes()Renvoie vrai si un élément a des attributs, sinon renvoie falsehasChildNodes() Renvoie true si un élément a des nœuds enfants, sinon renvoie falseinsertBefore() Insère un nouveau nœud enfant avant un nœud enfant existant spécifié isDefaultNamespace() Renvoie true si un namespaceURI spécifié est la valeur par défaut, sinon renvoie falseisEqualNode() Vérifie si deux éléments sont égaux isSameNode() Vérifie si deux éléments sont identiques pour un namespaceURI donné, si presentnormalize()Joindre les nœuds de texte adjacents et supprimer les nœuds de texte vides dans un élémentremoveChild()Remo ve un nœud enfant d'un elementreplaceChild()Remplacer un nœud enfant dans un élémentElement Methods getAttribute() Renvoie la valeur d'attribut spécifiée d'un élément nodegetAttributeNS() Renvoie la valeur de chaîne de l'attribut avec l'espace de noms et le nom spécifiés getAttributeNode() Récupère l'attribut spécifié nodegetAttributeNodeNS() Renvoie le nœud d'attribut pour l'attribut avec l'espace de noms et le nom donnés ) Fournit une collection de tous les éléments enfants avec le nom de balise spécifié getElementsByTagNameNS() Renvoie une collection HTML en direct d'éléments avec un certain nom de balise appartenant au nom donné spacehasAttribute() Renvoie true si un élément a des attributs, sinon renvoie falsehasAttributeNS()Fournit un valeur true/false indiquant si l'élément actuel dans un espace de noms donné a l'attribut spécifié nodesetAttribute()Défini ou modifié le attribut spécifié à un valuesetAttributeNS()Ajouter un nouvel attribut ou modifier la valeur d'un attribut avec l'espace de noms et le namesetAttributeNode()Définir ou modifier l'attribut spécifié nodesetAttributeNodeNS()Ajouter un nouveau nœud d'attribut à espace de noms à un élémentFenêtre du navigateur Propriétés closedVérifie si une fenêtre a été fermée ou non et renvoie true ou falsedefaultStatusDéfinit ou renvoie le texte par défaut dans la barre d'état d'un windowdocumentRenvoie l'objet document pour les windowframesRenvoie tous les éléments 
