# Набор DOM элементов без дублей с помощью Set ES6

Рассмотрим применение коллекций Set. Создадим с его помощью набор DOM элементов, в котором будут отсутствовать дубли и решим с помощью такого набора практическую задачу.

## Исходники кода

`p { padding: 10px; border: 1px solid red; }` `<p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <button>go</button>` `let set = new Set; let elems = document.querySelectorAll('p'); for (let elem of elems) { elem.addEventListener('click', function() { set.add(this); }); } let button = document.querySelector('button'); button.addEventListener('click', function() { for (let elem of set) { elem.innerHTML += '!'; } set.clear(); });`

## Смотрите также

- видео
  удаление дублей из массива на Set ES6

← →
↑