ES6 Map数据类型创建、迭代、与 Array Object 转换、使用场景与优势等

最新推荐文章于 2024-05-11 12:07:03 发布

magic-fish

最新推荐文章于 2024-05-11 12:07:03 发布

阅读量436

点赞数 1

分类专栏： ES6 文章标签： es6 前端

本文链接：https://blog.csdn.net/kill_fish/article/details/115549081

版权

本文详细介绍了ES6中的Map数据类型，包括Map的创建、迭代方式，重点讲解了Map与Array、Object之间的转换操作，如克隆和合并。此外，还探讨了Map的内置属性和函数，如长度、设置键值、删除键值等。最后，阐述了Map在实际开发中的应用场景，如优化接口返回数据，以及其优于传统对象的特性，如任意键值和高效操作速度。

摘要由CSDN通过智能技术生成

1.Map的创建

let map= new Map()
map.set(0, 'a')
map.set(1, 'b')
// 获得：Map(2) {0 => "a", 1 => "b"} 的数据结构

2.Map的迭代

// 继续上面已经创建的Map结构
// 写法一
for (let [key, value] of map) {
   
  console.log(key + " = " + value)
}

// 写法二
for (let [key, value] of map.entries()) {
   
  console.log(key + " = " + value)
}

// 写法三
for (let item of map.entries()) {
   
  console.log(item[0], item[1]);
}

// 写法四
map.forEach((value, key) => {
   
  console.log(key + " = " + value)
}, map)
// forEach的第二个参数：可选。传递给函数的值一般用 "this" 值。如果这个参数为空， "undefined" 会传递给 "this" 值
map[Symbol.iterator] === map.entries // true	

// 获取键
for (let key of map.keys()) {
   
  console.log(key)