Как собрать статистику DOM-дерева?

Question

[Alex_87]

У меня следующее задание:

Моё решение(до классов пока не добрался)

https://codepen.io/Alexei_87/pen/dypyYPw?editors=1011

И у меня проблема! Вместо того, чтобы выводить
DIV: 1; B: 2;
У меня выводиться больше дивов и B. Всё это скорее всего происходит из-за рекурсии. Подскажите пожалуйста, как правильно решить эту проблему!

P.S. Мне подсказали не создавать массив, а кидать сразу в объект и вот что я сделал:

if(children[i].tagName != undefined){
      			obj.tags[children[i]] = (obj.tags[children[i]] || 0) + 1;
      		   }

В консоле, в свойстве tags правда вышли не теги, а это

Comments

[Alex_87]

РЕШЕНИЕ НАЙДЕНО!!!

obj.tags[children[i].tagName] = (obj.tags[children[i].tagName] || 0) + 1;

Answer 1

[Lynn «Кофеман»]

const s={};
document.querySelectorAll('*').forEach(({ tagName: n }) =>{
    s[n] = s[n] ? s[n] + 1 : 1;
});
console.table(s);

Comments

[Василий Банников]

Блин, я даже не знал про *

Answer 2

[Василий Банников]

Решение не смотрел, но я бы решил "в лоб".
1. Заводим массив из всех типов элементов (h1, b, div, span итд)
2. document.querySelectorAll
3. Профит