ES6新特性五：Set与Map的数据结构实例分析

ES6引入了Set和Map两种新的数据结构，可以帮助我们更方便地操作一些复杂的数据结构。本文将会分别介绍Set和Map的基本用法，并且提供一些实例说明，帮助大家更好地理解。

Set数据结构

基本用法

Set对象是一种无序的、无重复元素、容器类的数据结构。其基本用法如下：

const set = new Set();
set.add('a');
set.add('b');
set.add('c');
console.log(set.has('a')); // true
console.log(set.size); // 3
set.delete('a');
console.log(set); // Set(2) { 'b', 'c' }
set.clear();
console.log(set); // Set(0) {}

实例说明

Set数据结构可以用来给数组去重：

const arr = [1, 2, 3, 2, 4, 3, 5];
const set = new Set(arr);
console.log(set); // Set(5) { 1, 2, 3, 4, 5 }

Map数据结构

基本用法

Map对象是一种类似于对象的数据结构，它的键可以是任何类型，包括undefined、null、甚至是NaN，而值可以是任何类型。与普通对象不同，Map对象提供了set、get、has、delete等方法，其基本用法如下：

const map = new Map();
map.set('a', 'apple');
map.set('b', 'banana');
map.set('c', 'cherry');
console.log(map.has('a')); // true
console.log(map.get('b')); // 'banana'
console.log(map.size); // 3
map.delete('b');
console.log(map); // Map(2) { 'a' => 'apple', 'c' => 'cherry' }
map.clear();
console.log(map); // Map(0) {}

实例说明

Map数据结构可以用来做缓存：

const cache = new Map();
function fetchData(url) {
  if (cache.has(url)) {
    console.log('Cache hit:', url);
    return cache.get(url);
  } else {
    console.log('Cache miss:', url);
    const data = /* 从服务器获取数据 */;
    cache.set(url, data);
    return data;
  }
}

结论

Set和Map数据结构是ES6新增的两种数据结构，可以帮助我们更方便地操作一些复杂的数据结构。使用它们可以让我们的代码更简洁、易读、易于维护。