6、JavaScript 特殊集合：Map、Set 的高效使用技巧

JavaScript 特殊集合：Map、Set 的高效使用技巧

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

在处理键值对数据时，我们常常需要对其进行迭代操作。传统的对象在迭代时存在诸多不便，而 Map 则为我们提供了更高效的解决方案。

1.1 对象迭代的复杂性

对象在迭代时较为复杂。过去，无法直接对对象进行迭代，需要先将其转换为其他形式。现在虽可使用 for...in 循环，但只能访问对象的键，与遍历键数组并无太大区别。

以下是一个示例，展示如何将对象的键值对转换为字符串：

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.'

在这段代码中，首先使用 Object.keys() 方法将对象的键提取到一个数组中，然后使用