0xD34F

Object.values(arr.reduce((acc, n) => {
  if (n) {
    const k = n[0];
    acc[k] = acc[k]?.length > n.length ? acc[k] : n;
  }

  return acc;
}, {}))

UPD. Чего на самом деле надо было:

"пик" это элемент массива с длиной больше чем предыдущий элемент и следующий

arr.filter((n, i, a) => a[i - 1]?.length < n.length && n.length > a[i + 1]?.length)

.active {
  color: red;
}

const startFrom = '.link';
const parent = 'li';
const child = 'a';
const className = 'active';

$(startFrom).parents(parent).children(child).addClass(className);

// или

for (
  let el = document.querySelector(startFrom);
  el = el.parentNode.closest(parent);
  el.querySelectorAll(`:scope > ${child}`).forEach(n => n.classList.add(className))
) ;

const input = document.querySelector('.inputprice');
const container = document.querySelector('.inner');
const itemSelector = '.box';
const buttonSelector = `${itemSelector} .btn`;
const valueSelector = `${itemSelector} .box-title`;

container.addEventListener('click', ({ target: t }) => {
  const item = t.closest(buttonSelector)?.closest(itemSelector);
  if (item) {
    input.value = item.querySelector(valueSelector).innerText;
  }
});

// или

const onClick = el => input.value = el.textContent.trim();

container.querySelectorAll(buttonSelector).forEach(function(n, i) {
  n.addEventListener('click', onClick.bind(null, this[i]));
}, document.querySelectorAll(valueSelector));

.comment-item.active .comment-item__form {
  display: block;
}

const itemSelector = '.comment-item';
const buttonSelector = '.comment-item__reply';
const activeClass = 'active';

document.addEventListener('click', e => {
  const item = e.target.closest(buttonSelector)?.closest(itemSelector);
  if (item) {
    document.querySelectorAll(itemSelector).forEach(n => {
      n.classList.toggle(activeClass, n === item);
    });
  }
});

const numChunks = 6;
const chunkLen = arr.length / numChunks | 0;
const chunks = Array.from({ length: numChunks }, (n, i) => {
  return arr.slice(i * chunkLen, i === numChunks - 1 ? arr.length : (i + 1) * chunkLen);
});

Во-первых - всё срабатывает. Попытайтесь осознать разницу между "не срабатывает" и "срабатывает не так, как ожидается".

Во-вторых - обработчик остаётся висеть потому, что вы передаёте в removeEventListener не то, что передавали в addEventListener. Смотрите сами:

document.addEventListener('click', clickerOut(parent));

document.removeEventListener('click', clickerOut);

clickerOut(parent) и clickerOut - это что по-вашему, одно и то же? Никак нет.

Исправляем:

function clickerOut(parent) {
  return function handler(e) {    
    ...
    document.removeEventListener('click', handler);
  }
}

Формат данных конечно просто ублюдочный.

Сперва соберём нормальный массив объектов вместо этого позорища:

const arr = Object
  .entries(obj)
  .reduce((acc, [ k, v ]) => (
    k = k.match(/([a-z]+)(\d+$)/),
    (acc[k[2]] ??= {})[k[1]] = v,
    acc
  ), []);

Затем посчитаем, у кого чего сколько:

const os = Object.fromEntries(arr.map(n => [ n.system, 0 ]));
const count = arr.reduce((acc, n) => ((acc[n.name] ??= { ...os })[n.system]++, acc), {});

Ну и выведем результаты:

console.log(Object
  .entries(count)
  .map(n => `${n[0]}: ${Object.entries(n[1]).map(m => m.join(' - ')).join(', ')}`)
  .join('\n')
);

От того, что вы удалили класс, обработчик события никуда не девается.

Сделайте однократно срабатывающий обработчик события:

$('.el1--closed').one('click', function() {
  $(this)
    .siblings()
    .slideToggle();
});

Или, вешайте делегированный обработчик:

$('.block').on('click', '.el1--closed', function() {
  $(this)
    .removeClass('el1--closed')
    .siblings()
    .slideToggle();
});

arr.reduce((acc, n) => {
  const { x, y } = acc[acc.length - 1] || {};
  for (let i = 1; n.x - x - i >= 1; i++) {
    acc.push({ x: `${+x + i}`, y });
  }

  acc.push({ ...n });

  return acc;
}, [])

кнопка будет disabled, если все три поля input будут пустые и наоборот, если все поля заполнены, то кнопка станет enabled

А если поля заполнены, но не все - одно или два? Это получается какое-то третье состояние, которого у кнопки быть не может. Вам следует больше внимания уделять формулировкам стоящих перед вами задач. "Наоборот" для "все пустые" - это "хотя бы одно заполнено":

const button = document.querySelector('селектор кнопки');
const inputs = [...document.querySelectorAll('селектор инпутов')];
const onInput = () => button.disabled = inputs.every(n => !n.value);
inputs.forEach(n => n.addEventListener('input', onInput));
onInput();

И, аналогично, для "все заполнены" - "хотя бы одно пустое", вместо every будет some.

const wrapperSelector = 'селектор блока с товаром, вам виднее, каким он должен быть';
const quantitySelector = '.cart_qty';
const totalSelector = '.shopcart__item-total';

$(wrapperSelector).on('change', quantitySelector, e => {
  $(totalSelector, e.delegateTarget).text(function() {
    return e.target.value * this.dataset.price;
  });
});

// или

document.querySelectorAll(quantitySelector).forEach(function(n) {
  n.addEventListener('change', this);
}, ({ target: t }) => {
  const total = t.closest(wrapperSelector).querySelector(totalSelector);
  total.innerText = t.value * total.dataset.price;
});

О каком массиве идёт речь, через какой промежуток надо получать его элементы и что с ними делать:

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  console.log,
];

Можно установить интервал:

function interval(arr, delay, callback) {
  let i = -1;

  return arr.length
    ? setInterval(() => callback(arr[i = -~i % arr.length]), delay)
    : null;
}


const intervalId = interval(...options);
// надо остановить хождение по кругу, делаем так: clearInterval(intervalId);

Или воспользоваться рекурсивными таймаутами:

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function next(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      next((i + 1) % arr.length);
    }, delay);
  })(0);

  return () => clearTimeout(timeoutId);
}


const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

Перебрать элементы, выдернуть оттуда нужные данные, склеить в строку:

Array.from(navigator.plugins, n => n.name).join(', ')

Потому что кто-то не понимает разницы между собственно функцией и результатом её вызова. Вот же позорище.

Оборачивайте вызов функции в другую функцию. Или bind используйте. Или разберитесь, что принимают обработчики событий в качестве параметра, и перепишите функцию так, чтобы не надо было ей передавать элементы btnNextLevel.

function xxx(key) {
  let val = entityTree[key];
  const nextKey = Array.isArray(val) && (val = [...val], val.pop());
  return val ? [].concat(key, val, xxx(nextKey)) : [];
}

/[А-ЯЁ ]/i.test(str)

if (obj.hasOwnProperty(key)) {
  if (!Array.isArray(obj[key])) {
    obj[key] = [ obj[key] ];
  }

  obj[key].push(val);
} else {
  obj[key] = val;
}

UPD. Вынесено из комментариев:

это для массива, а у меня объект

И что? Самостоятельно одно на другое заменить - нет, никак? Вместо Array.isArray проверяйте instanceof Object. А ключ нового свойства - это количество уже существующих свойств:

if (obj.hasOwnProperty(key)) {
  if (!(obj[key] instanceof Object)) {
    obj[key] = { 0: obj[key] };
  }

  obj[key][Object.keys(obj[key]).length] = val;
} else {
  obj[key] = val;
}

Во-первых, два класса не нужны, заменяем .next на .active + *.

Во-вторых,

// назначаем класс после создания элементов
for (let i = times.length; i--;) {
  if (new Date(times[i]) <= date) {
    result.children[i].classList.add('active');
    break;
  }
}

// или, параллельно
result.append(...times.map((n, i, { [-~i]: m = +date + 1 }) => {
  const p = document.createElement('p');
  p.textContent = n;
  p.classList.toggle('active', new Date(n) <= date && date < new Date(m));
  return p;
}));

Непонятно, что конкретно надо. Варианты-то разные есть. Например:

1. Один из элементов services должен содержать все категории, указанные в filterBy:
   
   

   users.filter(u => u.services.some(s => filterBy.every(f => s.categories.includes(f))))

   
   
2. Должны присутствовать все категории, указанные в filterBy, но распределены по элементам services они могут быть произвольным образом:
   
   

   users.filter(u => filterBy.every(f => u.services.some(s => s.categories.includes(f))))

   
   
3. Достаточно присутствия любой из категорий, указанных в filterBy, в любом из элементов services:
   
   

   users.filter(u => filterBy.some(f => u.services.some(s => s.categories.includes(f))))

   
   

и т.д.

$('.products').append(data.uslugi.map(item => `
  <div class="item p-2">
    <img src="${item.img}" alt="" class="p-2 h-64 mx-auto">
    <h2 class="text-lg text-center font-semibold p-1 pb-0">${item.title}</h2>
    <div class="flex flex-wrap w-56 mx-auto py-2 pt-0 text-lg sizes">
      ${item.size.map(size => `
        <div class="p-1 flex size">
          <span class="px-2 rounded-full size active">${size}</span>
        </div>
      `).join('')}
    </div>
  </div>
`).join(''))