理解JavaScript中的映射和集合

数据结构是任何编程语言的主干。示例包括链表、树、堆栈、队列和图形。在本文中，您将学习如何在JavaScript中使用映射和设置数据结构。

2015年，JavaScript引入了ES6，为开发人员提供了增强的编码体验。ES6引入了映射和集，因此开发人员不必使用原始数据类型来构建它们。让我们更详细地看看它们。

理解JavaScript中的映射

映射是一种存储键值对的数据结构。它是搜索和检索数据最有效的方法之一。可以在JavaScript映射中存储所有类型的数据。

让我们看一下可以在JavaScript映射上执行的一些方法。

1.集合（）

可以使用set（）方法将键值对插入到映射中。此方法接受两个参数：键和值。

查看下面的代码，它显示了如何插入地图。

设map=newmap（）；地图集（“水果1”、“葡萄”）；地图集（“水果2”、“芒果”）；地图集（“水果3”、“草莓”）；地图集（“水果”、“芒果”）；console.log（映射）

打印地图后的输出：

地图{'fruit1'=&gt；'Grapes'，'fruit2'=&gt；'Mango'，'fruit3'=&gt；'草莓'，'fruit4'=&gt；'Mango'}2。删除（）

要从映射中删除元素，请使用delete（）方法。此方法接受一个参数：要删除的数据的键。如果键存在，此方法将从映射中删除该项并返回true。否则，它将返回false。

console.log（“水果1被删除了吗”，map.delete（“水果1”））；console.log（映射）

删除结果1后的输出：

是水果1已删除的trueMap{'fruit2'=&gt；'Mango'，'fruit3'=&gt；'草莓'，'fruit4'=&gt；'Mango'}3。得到（）

get（）方法检索指定键的值。与delete（）方法一样，它接受一个参数：key。

console.log（map.get（“水果2”））

生成以下输出：

芒果4。大小（）

size（）方法返回映射中存在的键值对的数目。

设map=newmap（）；地图集（“水果1”、“葡萄”）；地图集（“水果2”、“芒果”）；地图集（“水果3”、“草莓”）；地图集（“水果”、“芒果”）；log（“地图的大小是”，map.size）

给出以下结果：

这张地图的大小是45。清除（）

要从映射中删除所有元素，请使用clear（）方法。

map.clear（）控制台.log（map）

删除所有项目后的地图输出：

地图{}6。has（）

has（）方法帮助您检查键是否存在于映射中。它返回一个布尔值，具体取决于映射中是否存在项。此方法接受一个参数：要搜索的键。

log（“葡萄存在：”，map.has（“水果1”））

使用示例映射生成以下输出：

葡萄是存在的：真的。钥匙（）

keys（）方法返回一个包含所有键的迭代器。您可以循环通过它们来访问单个密钥。

const keys=map.keys（）；对于（设k个键）{console.log（k）；}

上述代码的输出为：

果1果2果3果4 8。价值观

方法返回一个包含所有值的迭代器。

常量值=map.values（）；对于（设v为值）{console.log（v）；}

上述代码的输出为：

葡萄草莓芒果

理解JavaScript中的集合

集合数据结构具有唯一的值，这意味着任何值都不能重复。可以在一个集合中存储所有类型的值，包括基本体和对象。

让我们看看集合中的一些方法：

1.添加（）

add（）方法帮助您将数据添加到集合中。如果您试图添加重复数据，集合将忽略它。

设s=newset（）；s、 增加（1）；s、 增加（2）；s、 增加（3）；s、 增加（4）；s、 增加（4）；控制台日志；

给出输出：

集合{1,2,3,4}2。删除（）

delete（）方法从集合中删除指定的值。

s、 删除（3）；控制台日志；

删除3后的输出：

集合{1,2,4}3。has（）

has（）方法帮助您检查集合中是否存在值。

控制台日志（s.has（1））

上述代码的输出为true。

4.清除（）

s、 清除（）；控制台日志；

集合{}

了解有关ES6的更多信息