Maison  >  Article  >  interface Web  >  Résumé des méthodes courantes de Map

Résumé des méthodes courantes de Map

巴扎黑
巴扎黑original
2017-08-13 14:47:441718parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn