ES6中 Map 数据结构

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6中 Map 数据结构脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

ES6新增了 Map数据结构,Map对象保存键值对,任何值(原始值或对象)都可以作为一个键或一个值。

基本用法

let map = new Map();
let obj = {
    name: @H_360_19@'Leon',
    sex: 'male'
};
map.set(obj,'myObject');
map.get(obj); // "myObject"
map.has(obj) //true
map.delete(obj) //true
map.has(obj) // false

实例的属性和操作方法

set(key,value):

set方法设置键名key对应的键值为value,然后返回整个 Map 结构。

let map = new Map();
map.set('dsSSDdddddddsdsdsdssfw',8);
map.set({a:1},'ddsdsds');

get(key):

获取key的值

map.get('dsssddddddddsdsdsdssfw')//8

has(key)

has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。

map.has('dsssddddddddsdsdsdssfw'); //true

delete(key)

delete方法删除某个键,返回true。如果删除失败,返回false

map.delete('dsssddddddddsdsdsdssfw');
map.has('dsssddddddddsdsdsdssfw')//false

clear()
清空Map对象

map.size // 2
map.clear()
map.size // 0

遍历方法

方法 作用
keys() 返回键名的遍历器
values() 返回键值的遍历器
entries() 返回所有成员的遍历器
foreach() 遍历 Map 的所有成员
const 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);
}
// "F" "no"
// "T" "yes"

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

与其他数据结构的互相转换

Map转为数组

const myMap = new Map()
  .set(true, 7)
  .set({foo: 3}, ['abc']);
[...myMap]
// [ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]

数组 转为 Map

new Map([
  [true, 7],
  [{foo: 3}, ['abc']]
])

Map 转为对象

function strMapToObj(strMap) {
  let obj = Object.create(null);
  for (let [k,v] of strMap) {
    obj[k] = v;
  }
  return obj;
}

const myMap = new Map()
  .set('yes', true)
  .set('no', false);
strMapToObj(myMap)

对象转为 Map

function objToStrMap(obj) {
  let strMap = new Map();
  for (let k of Object.keys(obj)) {
    strMap.set(k, obj[k]);
  }
  return strMap;
}

objToStrMap({yes: true, no: false})

参考:
http://es6.ruanyifeng.com/#docs/set-map#Map

脚本宝典总结

以上是脚本宝典为你收集整理的ES6中 Map 数据结构全部内容,希望文章能够帮你解决ES6中 Map 数据结构所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。