6、JavaScript 特殊集合：Map、Set 的高效使用指南

JavaScript 特殊集合：Map、Set 的高效使用指南

在 JavaScript 编程中，数据集合的处理是一项基础且重要的任务。合理运用不同的数据集合，能够显著提升代码的清晰度和效率。本文将深入探讨 Map 和 Set 这两种特殊集合的使用方法，包括如何对 Map 中的键值对数据进行迭代、如何创建无副作用的 Map 以及如何使用 Set 提取数组中的唯一值。

1. 使用 Map 和展开运算符迭代键值数据

在处理键值对数据时，传统的对象在迭代方面存在诸多不便。而 Map 作为一种改进的键值集合，在迭代操作上具有明显优势。

1.1 对象迭代的复杂性

假设我们有一个过滤器对象，想要将其键值对转换为特定格式的字符串。使用对象时，代码如下：

const filters = {
    color: 'black',
    breed: 'labrador',
};
function getAppliedFilters(filters) {
    const keys = Object.keys(filters);
    const applied = [];
    for (const key of keys) {
        applied.push(`${key}:${filters[key]}`);
    }
    return `Your filters are: ${applied.join(', ')}.`;
}
// 'Your filters are: color:black, breed:labrador.'