H T M L C S S J A V A S C R I P T S Q L P Y T H O N J A V A P H P C O M M E N T W 3 . C S S C C + + C # A M O R C E R R É A G I R M Y S Q L J Q U E R Y E X C E L L E R X M L D J A N G O N U M P Y P A N D A S N O D E J S R .
M A N U S C R I T A N G U L A I R E G I T P o s t g r e S Q L M O N G O D B A S P I C I A A L L E R K O T L I N T O U P E T V U E D S A G É N É R A T I O N I A S C I P Y A W S L A C Y B E R - S É C U R I T É S C I E N C E S D E S D O N N É E S
Cartes JavaScript
❮ PrécédentSuivant ❯
Une carte contient des paires clé-valeur où les clés peuvent être n'importe
quel type de données.
Une carte mémorise l'ordre d'insertion d'origine des clés.
Comment créer une carte
Vous pouvez créer une carte JavaScript en :
Passer un tableau ànew Map()
Créez une carte et utilisezMap.set()
La nouvelle méthode Map()
Vous pouvez créer une Map en passant un Array au new Map()constructeur :
Exemple
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Essayez-le vous-même »
La méthode set()
Vous pouvez ajouter des éléments à une Map avec la set()méthode :
Exemple
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Essayez-le vous-même »
La set()méthode peut également être utilisée pour modifier les valeurs Map
existantes :
Exemple
fruits.set("apples", 200);
Essayez-le vous-même »
La méthode get()
La get()méthode récupère la valeur d'une clé dans une Map :
Exemple
fruits.get("apples"); // Returns 500
Essayez-le vous-même »
PUBLICITÉ
Les cartes sont des objets
typeofrenvoie l'objet :
Exemple
// Returns object:
typeof fruits;
Essayez-le vous-même »
instanceofLa carte renvoie vrai :
Exemple
// Returns true:
fruits instanceof Map;
Essayez-le vous-même »
Objets JavaScript et cartes
Différences entre les objets JavaScript et les cartes :
Objet Carte
Pas directement Directement itérable
itérable
Je n'ai pas de propriété Avoir une propriété de
de taille taille
Les clés doivent être Les clés peuvent être de
des chaînes (ou des n'importe quel type de
symboles) données
Les clés ne sont pas Les clés sont classées
bien ordonnées par insertion
Avoir des clés par Je n'ai pas de clés par
défaut défaut
Référence complète de la carte
Pour une référence complète, rendez-vous sur notre :
Référence complète de la carte JavaScript .
La référence contient des descriptions et des exemples de toutes les
propriétés et méthodes de carte.
Prise en charge du navigateur
Mapest une fonctionnalité ES6 (JavaScript 2015).
ES6 est entièrement pris en charge dans tous les navigateurs modernes
depuis juin 2017 :
Chrome Edge 15 Firefox 54 Safari 10 Opera 38
51
May 2016 Apr 2017 Jun 2017 Sep 2016 Jun 2016
Mapn'est pas pris en charge dans Internet Explorer.
❮ PrécédentSuivant ❯
PUBLICITÉ
PIPETTE À COULEURS
PUBLICITÉ
LES ESPACES
MISE À NIVEAU
SANS PUBLICITÉ
BULLETIN
OBTENIR UNE CERTIFICATION
CONTACTEZ-NOUS
Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
W3.CSS Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery
Principales références
Référence HTML
Référence CSS Référence
JavaScript Référence
SQL Référence
Python Référence
W3.CSS Référence
Bootstrap Référence
PHP
Couleurs HTML
Référence Java Référence
Angular Référence
jQuery
Meilleurs exemples
Exemples HTML Exemples
CSS Exemples
JavaScript Exemples
pratiques Exemples
SQL
Exemples Python Exemples
W3.CSS Exemples
d'amorçage Exemples
PHP Exemples
Java Exemples
XML Exemples
jQuery
Obtenir une certification
Certificat HTML Certificat
CSS Certificat
JavaScript Certificat
Front End Certificat
SQL Certificat
Python Certificat
PHP Certificat
jQuery Certificat
Java Certificat
C++ Certificat
C# Certificat
XML
FORUM SUR LA SALLE DE CLASSE
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage. Les didacticiels, références et exemples sont
constamment révisés pour éviter les erreurs, mais nous ne pouvons garantir l'exactitude totale de
tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .
Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
W3.CSS .
