Maison > interface Web > js tutoriel > le corps du texte

Introduction à l'utilisation de Map dans ES6 (exemple de code)

不言
Libérer: 2018-11-14 16:16:59
avant
4283 Les gens l'ont consulté

Cet article vous présente une introduction à l'utilisation de Map dans ES6 (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Vue d'ensemble

Map est également une nouvelle structure de données, qui est en fait souvent utilisée en js. Par exemple, dans le châtaignier ci-dessous, nous utilisons souvent un objet de cette manière. c'est un objet, cela ressemble plus à une Map, mais par rapport à une vraie Map, celle-ci est quand même un peu faible,

let color={
    "red":"#FF0000",
    "green":"#00FF00",
    "blue":"#0000FFF"
}
color['red']
Copier après la connexion

Initialisation

new Map([iterable])
Copier après la connexion

Initialisation d'une Map a un paramètre facultatif, qui doit être Il s'agit d'un objet itérable. Les objets itérables incluent String, Array, Array-Like obejct (Arguments, NodeList), Typed Array, Set, Map et les objets itérables définis par l'utilisateur.

Array

new Map([[1,2],[3,4]]) // Map(2) {1 => 2, 3 => 4}
Copier après la connexion

Ajouter

Par rapport aux objets comme Map, les clés de Map peuvent avoir n'importe quelle valeur, même NaN

var myMap = new Map();
var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";
// 添加键
myMap.set(keyString, "和键'a string'关联的值");
myMap.set(keyObj, "和键keyObj关联的值");
myMap.set(keyFunc, "和键keyFunc关联的值");
Copier après la connexion

Get la taille de Map

myMap.size    // 3
Copier après la connexion

Obtenez si

myMap.get(keyString)   // "和键'a string'关联的值"
myMap.get(keyObj)     // "和键keyObj关联的值"
myMap.get(keyFunc)      // "和键keyFunc关联的值"
Copier après la connexion

contient

myMap.has(keyString)  // true
myMap.has('1')  // false
Copier après la connexion

Supprimez

myMap.delete(keyString)  // true
myMap.delete('')  // false
Copier après la connexion

Traverse

myMap.forEach(m=>{console.log(m)})
// 和键'a string'关联的值
//  和键keyObj关联的值
//  和键keyFunc关联的值
Copier après la connexion

Obtenir l'itérateur

let entries=myMap.entries()
entries.next().value // 和键'a string'关联的值
entries.next().value//  和键keyObj关联的值
entries.next().value//   和键keyFunc关联的值
Copier après la connexion

Obtenir l'itérateur de clé

let keys=myMap.keys()
keys.next().value //  "a string"
keys.next().value//  function () {}
keys.next().value//   {}
Copier après la connexion

Obtenir l'itérateur de valeur

let values=myMap.values()
values.next().value // 和键'a string'关联的值
values.next().value//  和键keyObj关联的值
values.next().value//   和键keyFunc关联的值
Copier après la connexion

Effacer

mySet.clear()
Copier après la connexion


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!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!