Résumé des méthodes courantes de Map

Map est une nouvelle structure de données dans ES6. Elle est ajoutée avec Set. En fait, les fonctions sont similaires. L'article suivant résume et présente principalement les méthodes courantes de Map dans les didacticiels d'apprentissage ES6. L'article le présente en détail à travers un exemple de code. Les amis dans le besoin peuvent s'y référer.

Préface

ES6 contient de nombreuses nouvelles fonctionnalités de langage, qui rendront JS plus puissant et plus expressif. Cet article vous donnera une introduction détaillée aux méthodes courantes de Map dans ES6. Sans plus tarder, jetons un coup d'œil à l'introduction détaillée :

1.

Un moyen plus rapide consiste à combiner l'opérateur de propagation (...)

let map = new Map([
 [1, 'one'],
 [2, 'two'],
 [3, 'three'],
]);
[...map.keys()]
// [1, 2, 3]
[...map.values()]
// ['one', 'two', 'three']
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]
[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]

2.Map loop traversal

Map fournit nativement trois traverseurs :

• keys() : renvoie le parcours de la clé nomme l'appareil.

• values() : renvoie un traverseur de valeurs clés.

• entries() : Renvoie un traverseur de tous les membres.

Voici des exemples d'utilisation.

let map = new Map([
 ['F', 'no'],
 ['T', 'yes'],
]);

for (let key of map.keys()) {
 console.log(key);
}
// "F"
// "T"

for (let value of map.values()) {
 console.log(value);
}
// "no"
// "yes"

for (let item of map.entries()) {
 console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"

// 或者
for (let [key, value] of map.entries()) {
 console.log(key, value);
}

// 等同于使用map.entries()
for (let [key, value] of map) {
 console.log(key, value);
}

Le dernier exemple du code ci-dessus représente l'interface itérateur par défaut (attribut Symbol.iterator) de la structure Map, qui est la méthode des entrées.

map[Symbol.iterator] === map.entries // true

3.Carte Obtenez la longueur

map.size;

4.Carte Obtenez le premier élément

const m = new Map();
m.set('key1', {})
m.set('keyN', {})

console.log(m.entries().next().value); // [ 'key1', {} ]

Obtenez le premier clé d'élément

console.log(m.keys().next().value); // key1

Obtenir la première valeur

console.log(m.values().next().value); // {}

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!