Maison >interface Web >js tutoriel >Introduction à l'utilisation de Map dans ES6 (exemple de code)
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.
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']
new Map([iterable])
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}
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关联的值");
Map
myMap.size // 3
myMap.get(keyString) // "和键'a string'关联的值" myMap.get(keyObj) // "和键keyObj关联的值" myMap.get(keyFunc) // "和键keyFunc关联的值"
myMap.has(keyString) // true myMap.has('1') // false
myMap.delete(keyString) // true myMap.delete('') // false
myMap.forEach(m=>{console.log(m)}) // 和键'a string'关联的值 // 和键keyObj关联的值 // 和键keyFunc关联的值
let entries=myMap.entries() entries.next().value // 和键'a string'关联的值 entries.next().value// 和键keyObj关联的值 entries.next().value// 和键keyFunc关联的值
let keys=myMap.keys() keys.next().value // "a string" keys.next().value// function () {} keys.next().value// {}
let values=myMap.values() values.next().value // 和键'a string'关联的值 values.next().value// 和键keyObj关联的值 values.next().value// 和键keyFunc关联的值
mySet.clear()
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!