再论数组，集合，对象的关系

最新推荐文章于 2022-02-15 17:52:23 发布

zhy郑小鱼

最新推荐文章于 2022-02-15 17:52:23 发布

阅读量329

点赞数 1

分类专栏：前端开发文章标签： javascript html css

本文链接：https://blog.csdn.net/m0_52358470/article/details/121651033

版权

前端开发专栏收录该内容

36 篇文章 3 订阅

订阅专栏

这篇博客探讨了如何在JavaScript中将二维数组转换为Map对象，利用Map的特性进行数据操作，如键值对的获取，以及如何将Map转换回数组。此外，还展示了如何通过Map的迭代器获取键或值的数组。这些技巧对于处理和操作数据集合非常实用。

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

数据集合既可以用数组表示，也可以用对象表示。一般情况，数组表示有序的数据集合，对象表示无序的数据集合。

Map集合和Set集合可以通过构造函数，把数组转为Map对象和Set对象，然后使用Map和Set的一些属性做操作，比如set去重，然后结果可以再转为数组。

Map和数组的关系：

let kvArray = [["key1", "value1"], ["key2", "value2"]];

// 使用常规的Map构造函数可以将一个二维键值对数组转换成一个Map对象
let myMap = new Map(kvArray);

myMap.get("key1"); // 返回值为 "value1"

// 使用Array.from函数可以将一个Map对象转换成一个二维键值对数组
console.log(Array.from(myMap)); // 输出和kvArray相同的数组

// 更简洁的方法来做如上同样的事情，使用展开运算符
console.log([...myMap]);

// 或者在键或者值的迭代器上使用Array.from，进而得到只含有键或者值的数组
console.log(Array.from(myMap.keys())); // 输出 ["key1", "key2"]