Exemples JavaScript
- Page précédente JS D3.js
- Page suivante JS HTML DOM
Que peut faire JavaScript ?
Où insérer JavaScript
Sortie JavaScript
Syntaxe JavaScript
- Instructions JavaScript
- Nombre JavaScript
- Chaînes JavaScript
- Variables JavaScript
- Opérateurs JavaScript
- Affectation JavaScript
- Expression JavaScript (en utilisant des constantes)
- Expression JavaScript (en utilisant des chaînes)
- Expression JavaScript (en utilisant des variables)
- Mots-clés JavaScript
- Commentaires JavaScript
- JavaScript est sensible à la casse
Instructions JavaScript
- Les instructions JavaScript sont des commandes pour le navigateur
- Le code JavaScript est une série d'instructions
- Les instructions JavaScript sont séparées par des points-virgules
- Une ligne peut contenir plusieurs instructions
- Les instructions JavaScript peuvent être combinées dans un bloc de code
- Vous pouvez décaler le code après un opérateur ou une virgule
Commentaires JavaScript
Variables JavaScript
- Variables JavaScript
- Variable JavaScript en tant qu'algorithme
- Nombres et chaînes JavaScript
- Mot-clé var JavaScript
- Déclaration de plusieurs variables dans une seule instruction
- Déclaration de plusieurs variables sur plusieurs lignes
- Une variable sans valeur retourne la valeur undefined
- Redéclarer une variable ne détruit pas la valeur
- Addition d'arrays JavaScript
- Addition de chaînes JavaScript
- Addition de chaînes et de nombres
- Addition de nombres et de chaînes
Arithmétique JavaScript
Affectation JavaScript
Concaténation de chaînes JavaScript
Types de données JavaScript
Objets JavaScript
- Création d'une variable JavaScript
- Création d'un objet JavaScript
- Créer un objet person (en une ligne)
- Créer un objet person (sur plusieurs lignes)
- Accéder aux propriétés de l'objet en utilisant .property
- Accéder aux propriétés de l'objet en utilisant [property]
- Accéder aux propriétés de la fonction via la méthode
- Accéder aux propriétés de la fonction via l'attribut de propriété
Fonctions JavaScript
Événements JavaScript
Chaînes JavaScript
- Les chaînes peuvent être encadrées par des guillemets simples ou doubles
- Montrer quelques exemples de chaînes
- Ajouter une barre oblique inversée avant les guillemets est reconnu comme une citation
- Déterminer la longueur d'une chaîne
- Utiliser les barres obliques inversées pour briser une chaîne de texte
- Il est impossible de briser une ligne de code en utilisant les barres obliques inversées
- Déterminer la position initiale d'un texte dans une chaîne - indexOf()
- Rechercher un texte dans une chaîne et renvoyer ce texte une fois trouvé - match()
- Remplacer un caractère dans une chaîne - replace()
- Convertir une chaîne en majuscules - toUpperCase()
- Convertir une chaîne en minuscules - toLowerCase()
- Diviser une chaîne en tableau - split()
Nombre JavaScript
- Les nombres peuvent être écrits avec ou sans point décimal
- Il est possible d'écrire des nombres extrêmement grands ou extrêmement petits en utilisant le système de notation exponentielle
- Les nombres sont arrondis à 15 chiffres
- L'arithmétique flottante n'est pas toujours 100% précise
- Mais ce problème peut être résolu en multipliant et en divisant par 10
- L'addition de deux nombres produit un nouveau nombre
- L'addition de deux chaînes de nombres produit une chaîne de caractères
- L'addition de nombres et de chaînes de nombres produit également une chaîne de caractères
- L'addition de chaînes de nombres et de nombres produit également une chaîne de caractères
- Erreur courante lors de l'addition de chaînes de caractères et de nombres 1
- Common error 2 when adding strings and numbers
- In division operations, JavaScript will try to convert strings to numbers
- In multiplication operations, JavaScript will try to convert strings to numbers
- In subtraction operations, JavaScript will try to convert strings to numbers
- In addition operations, JavaScript will not convert strings to numbers
- The number divided by a string is no longer a number
- Dividing a number by a numeric string results in a number
- The global JavaScript function isNaN() determines whether a value is a number
- Using NaN in mathematical operations will always return NaN
- Using NaN in mathematical string operations will connect NaN
- The type of NaN is number (no! typeof NaN returns number)
- If a number outside the maximum possible number is calculated, it returns infinity (Infinity)
- Division by zero generates Infinity
- Infinity is also a number (typeof Infinity returns number)
- Constants prefixed with 0x are interpreted as hexadecimal
- The toString() method can output numbers in hexadecimal, octal, or binary
- Numbers can be objects
- Numbers and objects cannot be safely compared
- Objects and objects cannot be safely compared
Méthodes de nombre JavaScript
- The toString() method converts a number to a string
- The valueOf() method returns a number as a number
- The toExponential() method returns a number in exponential notation
- The toFixed() method rounds a number to a specified number of digits
- The toPrecision() method returns a number of a specified length
- The global method Number() converts variables to numbers
- The global method Number() can even convert dates to numbers
- The global method parseInt() converts a string to a number
- The global method parseFloat() converts a string to a number
- MAX_VALUE returns the largest possible number in JavaScript
- MIN_VALUE returns the smallest possible number in JavaScript
- POSITIVE_INFINITY represents infinity
- Returns POSITIVE_INFINITY when overflow occurs
- NEGATIVE_INFINITY represents negative infinity
- Returns NEGATIVE_INFINITY when overflow occurs
- NaN stands for 'Not a Number'
- Arithmetic performed on strings will result in NaN
- Using numeric properties on variables will return undefined
JavaScript mathematics
- Math.PI returns the value of PI
- Math.round(x) retourne la valeur arrondie de x (valeur arrondie)
- Math.pow(x, y) retourne la puissance de x élevée à y
- Math.sqrt(x) retourne la racine carrée de x
- Math.abs(x) retourne la valeur absolue de x
- Math.ceil(x) retourne la valeur de x arrondie au dessus
- Math.floor(x) retourne la valeur de x arrondie au dessous
- Math.sin(x) retourne le sinus de l'angle x (en radians)
- Math.cos(x) retourne le cosinus de l'angle x (en radians)
- Math.max() retourne la valeur la plus haute de la liste des arguments
- Math.min() retourne la valeur la plus basse de la liste des arguments
- Convertir les degrés Celsius en degrés Fahrenheit
Aléatoire JavaScript
- Math.random() retourne un entier aléatoire entre 0 (y compris) et 1 (ne pas inclure)
- Comment retourner un entier aléatoire entre 0 et 9 (y compris les deux)
- Comment retourner un entier aléatoire entre 0 et 10 (y compris les deux)
- Comment retourner un entier aléatoire entre 0 et 99 (y compris les deux)
- Comment retourner un entier aléatoire entre 0 et 100 (y compris les deux)
- Comment retourner un entier aléatoire entre 1 et 10 (y compris les deux)
- Comment retourner un entier aléatoire entre 1 et 100 (y compris les deux)
- Comment retourner un entier aléatoire entre x (y compris) et y (ne pas inclure)
- Comment retourner un entier aléatoire entre x et y (y compris les deux)
Date JavaScript
- Utiliser Date() pour afficher la date et l'heure d'aujourd'hui
- Utiliser getFullYear() pour afficher l'année
- Utiliser getTime() pour calculer le nombre de millisecondes depuis 1970
- Utiliser setFullYear() pour définir une date spécifique
- Utiliser toUTCString() pour convertir la date d'aujourd'hui (selon UTC) en chaîne de caractères
- Utiliser getDay() pour afficher le nom du jour de la semaine sous forme de nombre
- Utiliser getDay() ainsi qu'un array pour afficher le nom du jour de la semaine
- Afficher l'horloge
Tableaux JavaScript
- Créer un array 1
- Créer un array 2
- Accéder à un élément de l'array
- Modifier l'élément de l'array
- Accéder à l'ensemble de l'array
- Déterminer la longueur de l'array
- Parcourir l'array
- Ajouter des éléments à l'array
- Ajouter un 'vide' non défini à l'array
- Comment reconnaître un array 1
- Comment reconnaître un array 2
Méthodes de tableau JavaScript
- Ajouter des éléments à l'array
- Supprimer l'élément le plus récent de l'array - pop()
- Connecter tous les éléments de l'array en une chaîne de caractères - join()
- Connecter deux arrays - concat()
- Connecter trois arrays - concat()
- Ajouter un élément à la position 2 de l'array - splice()
- Convertir un tableau en chaîne - toString()
- Ajouter un nouvel élément au début d'un tableau - unshift()
- Supprimer l'élément premier d'un tableau - shift()
- Sélectionner des éléments dans un tableau - slice()
Tri de tableau JavaScript
- Trier un tableau par ordre croissant
- Trier un tableau par ordre décroissant
- Trier les nombres par ordre croissant
- Trier les nombres par ordre décroissant
- Trier les nombres (par ordre alphabétique ou numérique)
- Trier les nombres dans un tableau par ordre aléatoire
- Déterminer le plus petit nombre d'un tableau
- Déterminer le plus grand nombre d'un tableau
- Utiliser Math.min() pour déterminer le plus petit nombre d'un tableau
- Utiliser Math.max() pour déterminer le plus grand nombre d'un tableau
- Utiliser la méthode "faite maison" myArrayMin
- Utiliser la méthode "faite maison" myArrayMax
- Trier les objets par propriété numérique
- Trier les objets par propriété de chaîne
Itération sur les tableaux en JavaScript
Conversion de type JavaScript
Booléen en JavaScript
- Afficher la valeur de Boolean(10 > 9)
- Afficher la valeur de 10 > 9
- Tout ce qui possède une valeur réelle est true
- La valeur booléenne de zéro est false
- La valeur booléenne du zéro négatif est false
- La valeur booléenne de la chaîne vide est false
- La valeur booléenne de undefined est false
- La valeur booléenne de null est false
- La valeur booléenne de false est false
- La valeur booléenne de NaN est false
Comparaison en JavaScript
- Affecter 5 à x, puis afficher la valeur de (x == 8)
- Affecter 5 à x, puis afficher la valeur de (x == 5)
- Affecter 5 à x, puis afficher la valeur de (x === 5)
- Affecter 5 à x, puis afficher la valeur de (x === "5")
- Affecter 5 à x, puis afficher la valeur de (x != 8)
- Affecter 5 à x, puis afficher la valeur de (x !== 5)
- Affecter 5 à x, puis afficher la valeur de (x !== "5")
- Affecter 5 à x, puis afficher la valeur de (x > 8)
- Affecter 5 à x, puis afficher la valeur de (x < 8)
- Affecter 5 à x, puis afficher la valeur de (x >= 8)
- Affecter 5 à x, puis afficher la valeur de (x <= 8)
Conditions JavaScript
Boucles JavaScript
Gestion des erreurs JavaScript
Expressions régulières JavaScript
Objets JavaScript
- Création d'une variable JavaScript
- Création d'un objet JavaScript
- Création d'un objet JavaScript (ligne unique)
- Création d'un objet JavaScript (multi-lignes)
- Création des objets JavaScript en utilisant new
- Création des objets JavaScript en utilisant un constructeur
- Création des objets JavaScript intégrés
- Le meilleur moyen de créer une variable JavaScript
- Les objets JavaScript sont mutables
Propriétés de l'objet JavaScript
Objet JSON
- Accès aux propriétés en utilisant .property
- Accès aux propriétés en utilisant [property]
- Parcours des propriétés
- Parcours des valeurs des propriétés
- Accès aux objets JSON imbriqués
- Modification de la valeur en utilisant la notation en point
- Modification de la valeur en utilisant la notation en crochets
- Suppression des propriétés de l'objet
Tableau JSON
Parsing JSON
JSON Stringify
PHP JSON
HTML JSON
JSON JSONP
- Page précédente JS D3.js
- Page suivante JS HTML DOM
