Набор 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();
});
