Как удалить дублирующийся html строке?

Question

[Kizzeon]

У меня есть переменная, в которую бывает по несколько раз попадает один и тот же html тег, например:

<div class="container">
    <span class="cTitle">Что то интересное</span>
    <span class="cData">0</span>
</div>

И в строковую переменную он может попасть раз 5.

Как можно производительно очистить переменную от дубликатов?

Comments

[Дмитрий]

Нужно приложить хотя бы распечатку этой переменной для начала и контекст, при котором она формируется. Может, логичнее изменить процесс формирования переменной, а не чистить её.

[Kizzeon]

Дмитрий,

const html = matches
      .map(match => `
        <div class="container">
          <span class="cTitle">${match.name}</span>
         <span class="cData">${match.data}</span>
        </div>
      `)
      .join('');

[Kizzeon]

Где matches это набор данных name-price(вроде json)

Answer 1

[Александр]

Примера кода, в котором получается дубликат, конечно же нет. Поэтому, если «переменные» или DOM-объекты хранятся в массиве, тогда дубликаты можно убрать следующим образом: [...new Set(array)].

Если прямо сейчас выполнить этот код на этой странице, можно увидеть как работает.

[document.querySelector('div'), document.querySelector('div')]; // [div#TMpanel, div#TMpanel]
[...new Set([document.querySelector('div'), document.querySelector('div')])]; // [div#TMpanel]

Comments

[Kizzeon]

Только собрался написать пример...
Но спасибо за решение, подскажите пожалуйста, если я буду в query вставлять container, то он будет проверять html код контейнера целиком?

[Александр]

Kizzeon, Нет. Сам контейнер и его дети это разные объекты, они не ссылаются в одно и то же место в памяти.