标签：Map console log map JavaScript value key 类型

感受Map键值对

• 花样很多

let map = new Map()
map.set('name', 'dust')
map.set(function () {}, 'hello')
map.set({}, 'hi')
map.set(1, 'www.baidu.com')
console.log(map)

运行结果：

• 也可以一次性添加多个值

let map2 = new Map([
  ['name', 'dust'],
  [function () {}, 'hello'],
])
console.log(map2)

运行结果：

---

Map里的增删改查

• 查找某一项
• 注意这里是引用对象，在某些情况下是查不出来的。

console.log(map.get('number'))

• 判断是否有map.has()

console.log(map.has('number')) //true

• 清空

map.clear()

console.log(map) //Map(0) {}

---

Map遍历的几种方式

1. 遍历keys:map.keys()

for (const key of map.keys()) {
  console.log(key)
}

2. 遍历values:map.values()

for (const value of map.values()) {
  console.log(value)
}

3. 遍历全部内容

for (const [key, value] of map.entries()) {
  console.log(key, value)
}

4. forEach遍历

• 注意这里和上面的是反过来的，这里是(value, key)

map.forEach((value, key) => {
  console.log(value, key)
})

---

Map的展开

• 可以用于类型转换

let map = new Map([
  ['name', 'dust'],
  [function () {}, 'hello'],
  [{}, 'hi'],
  ['number', 99],
])
console.log(...map.entries())

运行结果：

[ 'name', 'dust' ] [ [Function (anonymous)], 'hello' ] [ {}, 'hi' ] [ 'number', 99 ]

执行以下代码：

let a = [...map]
console.log(a)

运行结果：

此时你就可以类型转换了。

标签：Map,console,log,map,JavaScript,value,key,类型
来源： https://blog.csdn.net/qq_36286039/article/details/120431752

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。