[ Web Proxy ]
URL:
Viewing:
https://fr.javascript.info/tutorial/map
[Back]
[Original]
Show tasks
JavaScript le langage
Une introduction
Une Introduction JavaScript
Manuels et spcifications
Les diteurs de code
La console de dveloppement
Fondamentaux JavaScript
Hello, world!
Afficher une alerte
Afficher une alerte avec un script externe
Structure du code
Le mode moderne, "use strict"
Les variables
Travailler avec des variables
Assigner le bon nom
Constante en majuscule ?
Les types de donnes
String quotes
Interaction: alert, prompt, confirm
Une simple page
Les conversions de types
Oprateurs de base, mathmatiques
Les formes postfixes et prfixes
Rsultat d'affectation
Les conversions de type
Corrigez l'addition
Comparaisons
Comparaisons
Branche conditionnelle : if, '?'
if (une chane de caractres avec zro)
Le nom de JavaScript
Afficher le signe
Rcrire 'if' en '?'
Rcrire 'if..else' en '?'
Oprateurs logiques
Quel est le rsultat de OR ?
Quel est le rsultat des alertes OR ?
Quel est le rsultat de AND ?
Quel est le rsultat des alertes AND ?
Le rsultat de OR AND OR
Vrifiez la plage entre
Vrifiez l'extrieur de la plage
Une question propos de "if"
Check the login
L'oprateur de coalescence des nuls '??'
Boucles : while et for
Dernire valeur de boucle
Quelles valeurs affiche la boucle while ?
Quelles valeurs sont affiches par la boucle "for" ?
Extraire les nombres pairs dans la boucle
Remplacer "for" par "while"
Rpter jusqu' ce que l'entre soit correcte
Extraire des nombres premiers
La dclaration "switch"
Rcrire le "switch" dans un "if"
Rcrire le "if" dans un "switch"
Fonctions
Est-ce que "else" est requis ?
Rcrivez la fonction en utilisant '?' ou '||'
Fonction min(a, b)
Fonction pow(x,n)
Fonctions Expressions
Fonctions flches, les bases
Rcrire avec les fonctions flches
JavaScript specials
Qualit du code
Dbogage dans le navigateur
Style de codage
Mauvais style
Commentaires
Ninja code
Testing automatis avec Mocha
Quel est le problme dans le test ?
Polyfills et transpilers
Objets: les bases
Objets
Bonjour objet
Vrifier le vide
Objets constants ?
Somme des proprits de l'objet
Multipliez les valeurs de proprits numriques par 2
Les rfrences d'objet et leur copie
Ramasse-miettes (garbage collection)
Mthodes d'objet, "this"
Utilisation de "this" dans le littral d'objet
Crer une calculatrice
Chaining
Le constructeur, l'oprateur "new"
Deux fonctions - un objet
Crer une nouvelle calculatrice
Crer un nouvel accumulateur
Chanage optionnel '?.'
Type symbole
Conversion d'objet en primitive
Types de donnes
Mthodes des primitives
Pouvons-nous ajouter une propit une primitive ?
Nombres
Somme des nombres du visiteur
Pourquoi 6.35.toFixed(1) == 6.3 ?
Rpter jusqu' ce que l'entre soit un nombre
Une boucle infinie
Un nombre alatoire de min max
Un entier alatoire de min max
Strings
Mettre en majuscule le premier caractre
Vrifier le spam
Tronquer le texte
Extraire l'argent
Arrays
Le tableau est-il copi ?
Oprations de tableaux
Appel dans un contexte de tableau
Somme des nombres saisis
Un sous-tableau maximal
Mthodes de tableau
Traduit border-left-width en borderLeftWidth
Filter range
Filter range "in place"
Trier par ordre dcroissant
Copier et trier le tableau
Create an extendable calculator
Map en noms
Map en objets
Trier les objets
Mlanger un tableau
Obtenir l'ge moyen
Filtrer les membres uniques du tableau
Create keyed object from array
Iterables
Map et Set
Filtrer les membres uniques du tableau
Filter les anagrams
Cls Iterables
WeakMap et WeakSet
Stocker les messages non-lus
Stocker les dates de lectures
Object.keys, values, entries
Additionner les proprits
Compter les proprits
L'affectation par dcomposition
L'affectation par dcomposition
Le salaire maximal
Date et Temps
Crer une date
Montrer un jour de la semaine
Jour de la semaine europenne
Quel jour du mois tait il y a plusieurs jours ?
Dernier jour du mois ?
Combien de secondes se sont coules aujourd'hui ?
Combien de secondes jusqu' demain ?
Formater la date relative
JSON methods, toJSON
Transforme l'objet en JSON et revenez en arrire
Exclure les backreferences
Travail avanc avec les fonctions
Rcursion et pile
Additionner tous les nombres jusqu' celui donn
Calcule factoriel
Numros de Fibonacci
Produire une liste de simple lien
Afficher une liste lien unique dans l'ordre inverse
Les paramtres Rest et la syntaxe spread
Variable scope, closure
Une fonction rcupre-t-elle les dernires modifications ?
Quelles variables sont disponibles ?
Les compteurs sont-ils indpendants ?
Objet compteur
Fonction dans if
Somme avec des closures
La variable est-elle visible ?
Filtrer par fonction
Trier par champ
Arme de fonctions
L'ancien "var"
L'objet global
L'objet Function, NFE
Un mutateur et diminution pour counter
La somme avec une quantit arbitraire de parenthses
La syntaxe "new Function"
L'ordonnancement avec setTimeout et setInterval
Un rsultat par seconde
Rcrire setTimeout avec setInterval
Que va afficher setTimeout ?
Dcorateurs et transferts, call/apply
Dcorateur spy
Dcorateur de retardement
Dcorateur debounce
Dcorateur d'acclration
Le "bind" de fonction
Bound function as a method
Second bind
Function property after bind
Fix a function that loses "this"
Application de fonction partielle pour login
Les fonctions flches revisites
Configuration des proprits d'objet
Attributs et descripteurs de proprits
Getters et Setters de proprit
Prototypes, hritage
Hritage prototypal
Travailler avec prototype
Algorithme de recherche
O est-ce crit ?
Pourquoi deux hamsters sont rassasis ?
F.prototype
Changement de "prototype"
Crer un objet avec le mme constructeur
Prototypes natifs
Ajouter la mthode "f.defer(ms)" aux fonctions
Ajouter la dcoration "defer()" aux fonctions
Mthodes de prototypes, objets sans __proto__
Ajouter toString au dictionnaire
La diffrence entre les appels
Classes
Syntaxe de base de la Classe
Rcrire en classe
Hritage de classe
Erreur lors de la cration d'une instance
Horloge tendue
Proprits et mthodes statiques
Class extends Object ?
Proprits et mthodes prives et protges
Extension des classes intgres
Vrification de classe : "instanceof"
instanceof trange
Les mixins
La gestion des erreurs
Gestion des erreurs, "try...catch"
Finally ou juste le code ?
Les erreurs personnalises, extension de Error
Hriter de SyntaxError
Promesses, async/await
Introduction: callbacks
Promesse (promise)
Re-rsoudre une promesse?
Un dlai avec une promesse
Animer un cercle avec une promesse
Chanage des promesses
Promesse: then contre catch
Gestion des erreurs avec des promesses
Erreur dans setTimeout
Promesse API
Promisification
Les micro-tches
Async/await
Rcriture avec async/await
Rcriture de "rethrow" avec async/await
Appeler l'asynchrone partir du non-asynchrone
Gnrateurs, itration avance
Gnrateurs
Pseudo-random generator
Itrateurs et gnrateurs asynchrones
Modules
Modules, introduction
Exporter et importer
Importations dynamiques
Divers
Proxy et Reflect
Erreur lors de la lecture d'une proprit inexistante
Accs au tableau [-1]
Observable
Eval : excution d'un texte code
Calculatrice-eval
Curryfication
Type rfrence
Vrification de la syntaxe
Expliquez la valeur de "this"
BigInt
Unicode et fonctionnement des chanes de caractres
Navigateur : Document, vnements, Interfaces
Document
L'environnement du navigateur, spcifications
L'arbre DOM
Parcourir le DOM
Enfants DOM
La question des frres et surs
Slectionner toutes les cellules diagonales
Recherches: getElement*, querySelector*
Recherche d'lments
Proprits de nud : type, balise et contenu
Compter les descendants
Qu'y a-t-il dans le nodeType ?
Balise dans le commentaire
O est le "document" dans la hirarchie ?
Attributs et proprits
Obtenez l'attribut
Rendre les liens externes orange
Modification du document
createTextNode vs innerHTML vs textContent
Effacer l'lment
Pourquoi "aaa" reste-t-il ?
Crer une liste
Crer un arbre partir de l'objet
Afficher les descendants dans un arbre
Crer un calendrier
Horloge colore avec setInterval
Insrez le HTML dans la liste
Trier le tableau
Styles et classes
Create a notification
Taille des lments et dfilement
Quel est le dfilement partir du bas ?
Quelle est la largeur de la barre de dfilement ?
Placer la balle au centre du terrain
La diffrence: largeur CSS vs clientWidth
Tailles des fentres et dfilement
Coordonnes
Trouver les coordonnes de la fentre du champ
Afficher une note prs de l'lment
Afficher une note prs de l'lment (absolute)
Positionnez la note l'intrieur (absolute)
Introduction to Events
Introduction to browser events
Hide on click
Hide self
Which handlers run?
Move the ball across the field
Create a sliding menu
Add a closing button
Carousel
Bubbling and capturing
Dlgation d'vnement
Masquer les messages avec dlgation d'vnement
Menu arborescent
Table triable
Comportement info-bulle
Actions par dfaut du navigateur
Pourquoi "return false" ne fonctionne pas?
Capturer des liens dans l'lment
Galerie d'images
Distribution d'vnements personnaliss
UI Events
Evenements de la souris
Liste slectionnable
Dplacer la souris : mouseover/out, mouseenter/leave
Improved tooltip behavior
Info-bulle "Intelligente"
Les vnements Glisser-Dposer de la souris
Barre de dfilement
Glisser les superhros lintrieur du terrain
Les vnements de pointeur
Le Clavier: les vnements keydown et keyup
Raccourcis clavier tendus
Le Dfilement
Page sans Fin
Bouton Up/down
Charger les images visibles
Forms, controls
Proprits de formulaire
Ajouter une option un select
Focus: focus/blur
Div ditable
Modifier TD au clique
Souris dirige par le clavier
Les vnements: change, input, cut, copy, paste
Deposit calculator
Formulaires: l'vnement et la mthode "submit"
Formulaire modal
Chargement du document et des ressources
Page: DOMContentLoaded, load, beforeunload, unload
Les scripts: async, defer
Chargement des ressources: onload et onerror
Charger des images avec une fonction de rappel
Miscellaneous
Mutation observer
Selection et Range
La boucle d'vnement: les microtches et les macrotches
Quelle sera la sortie de ce code?
Articles supplmentaires
Cadres et fentres
Les mthodes de pop-ups et fentres
Communication entre les fentres
L'attaque par clickjacking
Les donnes binaires et les fichiers
ArrayBuffer, tableaux binaires
Concatnation de tableaux typs
TextDecoder and TextEncoder
Blob
File and FileReader
Requtes rseau
Fetch
Rcuprer des utilisateurs depuis GitHub
FormData
Fetch: Download progress
Fetch: Abort
Fetch: Requtes Cross-Origin
Pourquoi avons-nous besoin d'Origin ?
API Fetch
Les objets URL
XMLHttpRequest
Upload pouvant tre repris
L'interrogation longue
WebSocket
Server Sent Events
Stockage des donnes dans le navigateur
Cookies, document.cookie
LocalStorage, sessionStorage
Enregistrer automatiquement un champ de formulaire
IndexedDB
Animation
Courbe de Bzier
CSS-animations
Animate a plane (CSS)
Animate the flying plane (CSS)
Animated circle
Animated circle with callback
Animations JavaScript
Animer la balle rebondissante
Animer la balle pour qu'elle rebondisse vers la droite.
Composants Web
Prenons un peu de recul
Custom elements
Live timer element
DOM fantme
L'lment Template
Shadow DOM slots, composition
Application de style depuis le Shadow DOM
DOM fantme et vnements
Expressions rgulires
Modles et marqueurs
Classes de caractres
Unicode: indicateur "u" et classe \p{...}
Ancres : dbut ^ et fin $ d'une chane de caractres
Regexp ^$
Multiline mode of anchors ^ $, flag "m"
Limite de mot : \b
Trouvez l'heure
chappement, caractres spciaux
Ensembles et intervalles [...]
Java[^script]
Trouvez l'heure sous forme hh:mm ou hh-mm
Quantificateurs +, *, ? et {n}
Comment trouver une ellipse "..." ?
Regexp pour couleurs HTML
Quantificateurs gloutons ou paresseux
Correspondance pour /d+? d+?/
Trouvez des commentaires HTML
Trouver des balises HTML
Groupes capturant
Vrification d'adresse MAC
Trouver des couleurs au format #abc ou #abcdef
Trouvez tous les nombres
Parsez une expression
Rtro rfrence dans le pattern : \N et \k<name>
Alternance (OU) |
Trouver les langages de programmation
Trouver les paires de bbtag
Trouver les chaines de caractre
Trouver la balise entire
Lookahead et Lookbehind
Trouver des nombres entiers non ngatifs
Insrer aprs Body
La rtroaction catastrophique
Marqueur collant "y", recherche depuis une position
Methodes des Expressions Rationnelles et des chanes de caractres
Web Proxy Viewer |
New URL
|
Original Page