当前位置： 技术文章>> Javascript专题之-JavaScript中的数据结构：Map与Set

文章标题：Javascript专题之-JavaScript中的数据结构：Map与Set
  • 文章分类: 后端
  • 10111 阅读
文章标签: js javascript

在深入探索JavaScript的广阔世界时，不得不提及两种非常强大且灵活的数据结构：Map 和 Set。它们为处理集合数据提供了比传统数组更为丰富和直观的方式，极大地扩展了JavaScript在处理复杂数据结构时的能力。今天，我们就来详细聊聊这两种数据结构的特点、用法以及它们在实际开发中的应用。

Map：键值对的优雅集合

Map 对象保存键值对，并且能够记住键的原始插入顺序。这意味着，当你遍历一个Map对象时，元素将按照被插入的顺序返回。与普通的对象（Object）不同，Map的键可以是任意类型，包括函数、对象或任何原始值（number, string, boolean等）。

创建Map

创建一个Map非常直接，你可以使用new Map()构造函数，并通过.set(key, value)方法添加键值对。

let myMap = new Map();
myMap.set('name', 'Alice');
myMap.set(1, 'Number One');
myMap.set(true, 'Boolean True');

console.log(myMap); // Map(3) {"name" => "Alice", 1 => "Number One", true => "Boolean True"}

访问Map中的元素

你可以使用.get(key)方法来获取与键相关联的值。

console.log(myMap.get('name')); // Alice
console.log(myMap.get(1));      // Number One

遍历Map

Map对象支持多种遍历方法，如for...of循环、.forEach()等，可以方便地访问其元素。

for (let [key, value] of myMap) {
    console.log(key + ' = ' + value);
}
// 输出:
// name = Alice
// 1 = Number One
// true = Boolean True

Set：唯一值的集合

Set对象允许你存储任何类型的唯一值，无论是原始值还是对象引用。Set中的值只能出现一次，且是无序的。

创建Set

使用new Set()构造函数可以创建一个空的Set，随后可以通过.add(value)方法添加元素。

let mySet = new Set();
mySet.add(1);
mySet.add('string');
mySet.add(true);

console.log(mySet); // Set(3) {1, "string", true}

访问Set中的元素

由于Set是无序的，且不允许通过索引访问元素，你通常会使用遍历方法来访问其值。

for (let value of mySet) {
    console.log(value);
}
// 输出可能顺序不同，但包含：1, "string", true

检查元素是否存在

可以使用.has(value)方法来检查Set中是否包含某个值。

console.log(mySet.has(1)); // true
console.log(mySet.has('string')); // true

应用场景

  • Map 非常适合于需要存储键值对，并且键类型不局限于字符串的场景。例如，存储用户信息时，用户的ID（可能是数字、字符串或对象）作为键。
  • Set 在需要快速检查一个值是否存在于某个集合中，或者需要去除数组中的重复元素时非常有用。

在码小课的学习旅程中，深入理解并熟练掌握Map和Set这两种数据结构，将使你在处理复杂数据和逻辑时更加得心应手，编写出更高效、更清晰的JavaScript代码。

推荐文章