Explication détaillée de la carte et exemples d'API courants

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;

has( key ) : détermine si le nom de la clé existe

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é-valeur

let 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

Map prend également en charge la méthode forEach, qui prend en charge 2 paramètres. un : fonction, qui prend en charge 3 paramètres (valeur, clé, carte actuelle), le second : ceci

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 );

Recommandations associées :

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!