sumrakx

for (i = 0; i < dropdowns.length; i++) {
            var openDropdown = dropdowns[i];
            openDropdown.classList.remove('show');
        }

document.getElementById(id).classList.toggle('show');

function navFunction(id) {
  for (const n of document.querySelectorAll('.dropdown2-content')) {
    n.classList[n.id === id ? 'toggle' : 'remove']('show');
  }
}

.dropdown2 .dropdown2-content {
  display: none;
}

.dropdown2.show .dropdown2-content {
  display: block;
}

const containerSelector = '.dropdown2';
const buttonSelector = `${containerSelector} .dropbtn2`;
const activeClass = 'show';


// делегирование, назначаем обработчик клика один раз для всех кнопок
document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    document.querySelectorAll(containerSelector).forEach(function(n) {
      n.classList[n === this ? 'toggle' : 'remove'](activeClass);
    }, button.closest(containerSelector));
  }
});

// или, назначаем обработчик клика каждой кнопке индивидуально
const onClick = function({ currentTarget: t }) {
  this.forEach((n, i) => n.classList[n.contains(t) ? 'toggle' : 'remove'](activeClass));
}.bind(document.querySelectorAll(containerSelector));

document.querySelectorAll(buttonSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

Что касается «opaque» — то он приходит в случаях, когда выполняется CORS запрос, но удаленный ресурс не возвращает CORS заголовки. Данный тип запроса не предоставляет доступ данным или заголовку статуса, поэтому мы не имеем возможности судить о результате выполнения запроса. В рамках текущей имплементации fetch() не представляется возможности выполнять CORS запросы из скоупа window, и вот здесь написано почему. Эта функциональность должна быть добавлена, как только Cache API станет доступным из объекта window.

const arr = [];
const obj = {name: 'John', surname: 'Doe'};
if (arr.every(o => o.name != obj.name || o.surname != obj.surname)) arr.push(obj);

const nested = {
  id: 1,
  children: [
    { id: 2 },
    { id: 3,
      children: [{ id: 5 }, { id: 6 }]
    },
    { id: 4 }
  ]
}

const flatten = function(obj) {
  const array = Array.isArray(obj) ? obj : [obj];
  return array.reduce(function(acc, value) {
    acc.push(value);
    if (value.children) {
      acc = acc.concat(flatten(value.children));
      delete value.children;
    }
    return acc;
  }, []);
}

flatten(nested); // => [ { id: 1 }, { id: 2 }, { id: 3 }, { id: 5 }, { id: 6 }, { id: 4 } ]