Javascript Map 转换成对象与数组

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript Map 转换成对象与数组，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1591字，纯文字阅读大概需要3分钟。

内容图文

Map

map的主要特点在于，除了字符串之外，它还可以使用其他类型来作为键值对的键。

Map的实例化

所有实现了iterable接口的双元素数组结构都可以作为Map构造的参数。

如数组，map，set

//数组作为实例化参数
let params = ['key1', 'value1']
let map = new Map([params])

//map作为实例化参数
let map2 = new Map([['a', 1], ['b', 2]])
let map3 = new Map(map2)
console.log(map3);

//set作为实例化参数
let set = new Set([['a', 1], ['b', 2]]);
let map4 = new Map(set)
console.log(map4)

API:

基本操作

• set(key,value) 返回map实例，如果已经存在key
• get(key,value) 读取key对应的键值，如果找不到就返回undefined
• size
• has(key) 返回布尔类型，是否含有对应键
• delete(key) 删除某个键，返回布尔类型
• clear()

let map1 = new Map();
let key = 'aaa';
let obj = { "a": 1 }

//添加键值对
map1.set(key, 111)
map1.set(obj, 222)

//是否含有指定键
let bool = map1.has(key)
console.log(bool)//true

//拿到指定键对应的值
console.log(map1.get(key))//111

//删除某个键。返回布尔值
console.log(map1.delete(obj))

//清除
map1.clear()
console.log(map1)

遍历

• keys() 拿到一个迭代器对象，由键组成
• values() 由值组成的迭代器对象
• entries() 键值对数组组成的迭代器对象
• forEach() 遍历

for (let i  of map1.keys()) {
   console.log(i)
}

for (let i  of map1.values()) {
   console.log(i)
}

for (const i of map1.entries()) {
   console.log(i)
}

map转数组/map转对象

//map 转数组
let m = new Map([['a1', 111], ['a2', 222]])
console.log([...m])
/*
[Array(2), Array(2)]
0: (2) ["a1", 111]
1: (2) ["a2", 222]
*/

//map转对象，只有map的键是字符串的时候才成立
let m1 = new Map()
let o = {"okey":{"vkey":"value"}}
let o1 = {}

for(let i in o){
    m1.set(i,o[i])
}

for(let [k,v] of m1){
    o1[k] = v
}

console.log(o1)

内容总结

以上是互联网集市为您收集整理的Javascript Map 转换成对象与数组全部内容，希望文章能够帮你解决Javascript Map 转换成对象与数组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端