0xD34F

async function processData(data, process, chunkSize, delay) {
  let i = -1;
  for (const n of data) {
    if (++i === chunkSize) {
      i = 0;
      await new Promise(r => setTimeout(r, delay));
    }
    process(n);
  }
}


processData(Array(10).keys(), console.log, 3, 1500).then(() => console.log('DONE'));

Object.entries + деструктуризация:

for (const [ index, el ] of Object.entries(elems)) {
  ...

Надо только иметь в виду, что тут index будет строкой. Чтобы получать числа, можно позаимствовать метод entries у Array или NodeList:

for (const [ index, el ] of Array.prototype.entries.call(elems)) {
  ...

Или, превращать получаемую HTMLCollection в массив:

const elems = [...document.getElementsByClassName('one')];
for (const [ index, el ] of elems.entries()) {
  ...

Или, для получения элементов вместо getElementsByClassName использовать querySelectorAll, возвращающий NodeList:

const elems = document.querySelectorAll('.one');
for (const [ index, el ] of elems.entries()) {
  ...

Object.values(names.reduce((acc, n) => {
  const g = /^\d/.test(n[0]) ? n[0] : /^[А-Я]/i.test(n[0]) ? 'А-Я' : null;
  g && (acc[g] = acc[g] || [ g ]).push(n);
  return acc;
}, {}))

Фильтруемым элементам добавить обёртку <div class="items"></div>.

Значениями option'ов пусть будут селекторы элементов, которые должны оказаться видимыми:

<select>
  <option value="*">Все</option>
  <option value=".red">Красные</option>
  <option value=".blue">Синие</option>
  <option value=".green">Зеленые</option>
</select>

Фильтрация:

$('select').change(function() {
  const selector = this.value;
  const $items = $('.items >');
  $items.filter(selector).slideDown();
  $items.not(selector).slideUp();
});

const compareArrays = (a, b) => a.length === b.length && a.every((n, i) => n === b[i]);

+str.replace(/[^\d.]/g, '')

Слэши в начале и конце не нужны, а обратные слэшы должны быть экранированы:

response.search(`\\b${message}\\b`)

Удаляем из существующего массива:

arr.reduceRight((_, n, i, a) => indexes.includes(i) && a.splice(i, 1), null);
// или
[...indexes].sort((a, b) => b - a).forEach(i => arr.splice(i, 1));
// или
arr.splice(0, arr.length, ...arr.filter((n, i) => indexes.indexOf(i) === -1));

Собираем новый:

const newArr = arr.filter(((indexes, n, i) => !indexes.has(i)).bind(null, new Set(indexes)));

А вот есть у вас некий styleSelector - это что? Непонятно. Не вижу, чтобы эта штука где-то объявлялась - а вы ей пытаетесь addEventListener сделать. Вот код и падает с ошибкой, до того, как подключается обработчик клика, инициирующий построение маршрута.

Контекст теряете. Замените function(el){ на (el) => {.

Не очень понятно, что значит "эффективнее". Есть событие paste, ловите его:

inputElem.addEventListener('paste', e => e.preventDefault());

Рекурсия не нужна:

async function request(data) {
  let result = data;

  do {
    result = await запрос(result);
  } while (result не тот, который нужен);

  return result;
}

Но если очень хочется, тогда так:

function requestRecursive(data) {
  return запрос(data).then(result => {
    return result тот, который нужен
      ? result
      : requestRecursive(result);
  });
}

Поскольку ключи не важны, то первым делом избавимся от них - получим массив значений:

const values = Object.values(obj);

Дальше возможны варианты:

const count = values.flat().length;
// или
const count = [].concat(...values).length;
// или
const count = values.reduce((acc, n) => acc + n.length, 0);
// или
const count = eval(values.map(n => n.length).join('+')) || 0;

Вот окей, используем Set:

Array.from(new Set(arr.flat()))

// или, без создания промежуточного массива

[...arr.reduce((acc, n) => (n.forEach(m => acc.add(m)), acc), new Set)]

Вот не окей:

Object.keys([].concat(...arr).reduce((acc, n) => (acc[n] = 1, acc), {}))

// или

Array.prototype.concat.apply([], arr).filter((n, i, a) => i === a.indexOf(n))

// или

`${arr}`.split(',').reduce((acc, n) => (acc.includes(n) || acc.push(n), acc), [])

// или

String(arr).match(/\w/g).sort().filter((n, i, a) => n !== a[i - 1])

// или

arr.toString().match(/(\w)(?!.*\1)/g) || []

Вместо ненужных элементов ничего не указывайте:

function someFunction([ ,,, id,, status ]) {

Или, можно деструктурировать массив как обычный объект:

function someFunction({ 3: id, 5: status }) {

web worker

Чем является this внутри обработчика клика? Не тем, что вам кажется. Замените $(this).attr("href") на $(event.target).attr("href") или стрелочную функцию на обычную.

Первым делом надо выдернуть из объекта msg.razd массив значений:

const arr = Object.values(msg.razd);.

Затем из вложенных массивов следует собрать один общий:

const categories = arr.flatMap(n => n.category);

// или

const categories = [].concat.apply([], arr.map(n => n.category));

// или

const categories = arr.reduce((acc, n) => (acc.push(...n.category), acc), []);

И, наконец, достать из полученного массива объекты с указанными id:

const result = categories.filter(n => expect.includes(n._id));

// или

const result = categories.filter(function(n) {
  return this.has(n._id);
}, new Set(expect));

// или

const categoriesObj = Object.fromEntries(categories.map(n => [ n._id, n ]));
const result = expect.reduce((acc, n) => ((n = categoriesObj[n]) && acc.push(n), acc), []);

$(document).on('click', '.qwe > a', function() {
  $(this).next('.op').addClass('actives');
});

$(document).on('click', '.cl', function() {
  $(this).closest('.op').removeClass('actives');
});

Или может есть вариант на CSS?

есть