📜  javascript map set 速记 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:05.701000             🧑  作者: Mango

Javascript Map Set 快捷键

在 JavaScript 中,Map 和 Set 是两个常用的数据结构,用于存储键值对和一组唯一的数据值。本篇文章将介绍使用快捷键来使用这两种数据结构的技巧。

1. 快速创建 Map 和 Set

使用快捷键可以快速创建一个空的 Map 或 Set 对象。

// 创建 Map
const map = new Map();

// 创建 Set
const set = new Set();
2. Map 和 Set 的常用方法

下面是一些常用方法的快捷键:

  • Map 的 set 方法,添加键值对
// 添加键值对 {key: "value"} 到 Map 对象 map 中
map.set("key", "value");
  • Map 的 get 方法,获取键对应的值
// 获取键为 "key" 的值
const value = map.get("key");
  • Map 的 has 方法,判断是否存在某个键
// 判断是否存在键为 "key" 的值
const hasKey = map.has("key");
  • Map 的 delete 方法,删除某个键值对
// 删除键为 "key" 的键值对
map.delete("key");
  • Set 的 add 方法,添加数据
// 添加数据 "data" 到 Set 对象 set 中
set.add("data");
  • Set 的 has 方法,判断是否存在某个数据
// 判断是否存在数据 "data" 
const hasData = set.has("data");
  • Set 的 delete 方法,删除某个数据
// 删除数据 "data"
set.delete("data");
3. 使用快捷键进行初始化

可以使用快捷方式初始化 Map 和 Set 对象。

初始化 Map
const map = new Map([
  ["key1", "value1"],
  ["key2", "value2"],
  ["key3", "value3"],
]);
初始化 Set
const set = new Set([1, 2, 3, 4]);
4. 使用解构方式遍历 Map 和 Set

可以使用解构方式遍历 Map 和 Set 中的数据。

遍历 Map
for (const [key, value] of map) {
  console.log(`${key} = ${value}`);
}
遍历 Set
for (const value of set) {
  console.log(value);
}

以上是 Javascript Map Set 快捷键使用技巧的介绍。希望这些技巧可以提高你对 Map 和 Set 的使用效率。