Что такое Set и Map и как они используются?

Set и Map — это встроенные объекты JavaScript, которые позволяют хранить коллекции уникальных значений и пар "ключ-значение" соответственно. Эти структуры данных появились в ECMAScript 2015 (ES6) и предоставляют множество методов для удобной работы с данными.

1. Set

Set — это объект, который позволяет хранить уникальные значения любого типа, будь то примитивные или ссылочные типы:

• Значения в Set не могут повторяться.
• Элементы не имеют порядкового индекса, как в массиве, но их можно перебирать в порядке вставки.

Пример использования Set:

// Создание нового Set
let mySet = new Set();

// Добавление элементов
mySet.add(1);
mySet.add(2);
mySet.add(2); // этот элемент не будет добавлен, так как он дублируется
mySet.add('hello');

// Проверка наличия элемента
console.log(mySet.has(1)); // true
console.log(mySet.has(3)); // false

// Удаление элемента
mySet.delete(2);

// Размер Set
console.log(mySet.size); // 2

// Перебор элементов
for (let item of mySet) {
    console.log(item); // 1, 'hello'
}

2. Map

Map — это объект, который хранит пары "ключ-значение". Ключи могут быть любого типа, включая объекты. В отличие от обычных объектов, Map сохраняет порядок вставки элементов.

Пример использования Map:

// Создание нового Map
let myMap = new Map();

// Добавление пар ключ-значение
myMap.set('name', 'Alice');
myMap.set('age', 25);
myMap.set('job', 'Developer');

// Получение значения по ключу
console.log(myMap.get('name')); // 'Alice'

// Проверка наличия ключа
console.log(myMap.has('age')); // true
console.log(myMap.has('gender')); // false

// Удаление ключа
myMap.delete('job');

// Размер Map
console.log(myMap.size); // 2

// Перебор пар ключ-значение
for (let [key, value] of myMap) {
    console.log(`${key}: ${value}`); // name: Alice, age: 25
}

3. Когда использовать Set и Map

• Используйте Set, когда нужно гарантировать уникальность значений. Это полезно, например, для хранения уникальных идентификаторов или имен.
• Используйте Map, когда вам нужно хранить данные в виде пар "ключ-значение". Это особенно удобно для создания объектов, где вы хотите иметь доступ к значениям по более сложным ключам (например, объектам или массивам).

Заключение

Set и Map являются мощными инструментами для работы с коллекциями в JavaScript. Они предоставляют полезные методы и обеспечивают эффективное управление данными. Понимание их особенностей поможет вам значительно улучшить качество вашего кода и упростить работу с данными.

Чтобы глубже понять работу с Set и Map, рекомендуется экспериментировать с примерами в консоли и изучать их в контексте ваших проектов.