Le type Map dans ECMAScript 6 est une liste ordonnée qui stocke de nombreuses paires clé-valeur. Les paires clé-valeur prennent en charge tous les types de données. Les clés 0 et « 0 » seront traitées comme deux clés différentes, et aucune conversion de type forcée ne se produira. Cet article vous propose principalement un didacticiel de la série es6_Une explication détaillée de la carte et une introduction à l'API commune.
Comment utiliser Map ?
let map = new Map();
Méthodes courantes :
set(key, value) : ajouter un nouvel élément de paire clé-valeur
get( key) : récupère la valeur correspondant à la clé. Si la valeur n'existe pas, renvoie une conversion de type non définie.
let map = new Map(); map.set( '0', 'ghostwu' ); map.set( 0, 'ghostwu' ); console.log( map.get( '0' ) ); //ghostwu console.log( map.get( 'name' ) ); //undefined;
let map = new Map(); var key1 = {}, key2 = {}; map.set( key1, 'ghostwu' ); map.set( key2, 22 ); console.log( map.get( key1 ) ); //ghostwu console.log( map.get( key2 ) ); //22
delete( key ) : Supprimez le nom de la clé et la valeur correspondante
clear() : Supprimez la carte Toutes les paires clé-valeur de la collection
taille : le nombre d'éléments dans la collection de cartes
Map prend en charge l'initialisation de tableau, à l'aide d'un tableau bidimensionnel, et chaque tableau utilise des paires clé-valeurlet map = new Map(); map.set( 'name', 'ghostwu' ); map.set( 'age', 22 ); console.log( map.has( 'name' ) );//true console.log( map.size ); //2 map.delete( 'name' ); console.log( map.has( 'name' ) );//false console.log( map.size ); //1 console.log( map.has( 'age' ) ); //true map.clear(); console.log( map.size ); //0 console.log( map.has( 'age' ) ); //false
let map = new Map( [ [ 'name', 'ghostwu' ], [ 'age', 22 ] ] ); console.log( map.has( 'name') ); //true console.log( map.has( 'age') ); //true console.log( map.size ); //2 map.set( 'sex', 'man' ); console.log( map.size ); console.log( map.get( 'name' ) ); //ghostwu map.clear(); console.log( map.size ); //0
let map = new Map( [ [ 'name', 'ghostwu' ], [ 'age', 22 ] ] ); map.set( 'sex', 'man' ); map.forEach( function( val, key, cur ){ console.log( val, key, cur, this ); }, 100 );
API Javascript couramment utilisée
Détails des opérations JavaScript couramment utilisées sur le résumé de l'API DOM
Explication détaillée du canevas HTML5 couramment utilisé Résumé de l'API (2) - API de dessin
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!