0xD34F

str.match(/(?<=<-)[^/]+/g)

Или надо получить то, что находится между парами <-какой-то мусор/? Тогда так можно:

str.match(/(<-[^\/]*\/).*?(?=\1)/g).map(n => n.replace(/.*\//, ''))

const parseUL = ul => ul
  ? Array.from(ul.children, n => ({
      text: (([...n.childNodes].find(n => n.nodeType === 3) || {}).textContent || '').trim(),
      children: parseUL(n.querySelector('ul')),
    }))
  : [];


const data = parseUL(document.querySelector('.menu'));

const sum = Array
  .from(document.querySelectorAll('.item.in'))
  .reduce((acc, n) => acc + +n.dataset.price, 0);

const getNested = (root, path) => path.split('.').reduce((p, c) => p != null ? p[c] : p, root);

const id = getNested(e, 'path.1.attributes.uid.textContent');

Или есть такая штука (UPD. Теперь и браузерами поддерживается):

// можно немного сократить функцию извлечения вложенных значений
const getNested = (root, path) => path.split('.').reduce((p, c) => p?.[c], root);

// а можно и вообще отказаться от этой функции, смысла в ней теперь немного
const id = e?.path?.[1]?.attributes?.uid?.textContent;

Потому что событие mouseout возникает, когда курсор уходит на какой-либо из вложенных элементов - в вашем случае это i. Замените mouseout на mouseleave. А ещё почитайте - будет нелишним.

function handler(e) {
  console.log('hello, world!!');
  this.removeEventListener(e.type, handler);
}

document.addEventListener('click', handler);

Но вообще, если вам нужен обработчик события, который сработает один раз, то вручную удалять его не надо, для этого есть отдельная настройка среди параметров addEventListener:

document.addEventListener('click', handler, { once: true });

const result = arr.reduce((acc, n, i) => {
  if (здесь вы проверяете элемент массива на соответствие своему условию) {
    let group = acc[acc.length - 1];
    if (!group || group.index !== i - 1) {
      group = { data: [] };
      acc.push(group);
    }

    group.index = i;
    group.data.push(n);
  }

  return acc;
}, []).map(n => n.data);

$('#form [type="radio"]:enabled').eq(0).click();

return data.map(n => n.join(columnDelimiter)).join(lineDelimiter);

$('ul.list').on('click', 'li', function(e) {
  if (e.target === this) {
    $(this).children('ul').slideToggle();
  }
});

или

$('ul.list li').click(e => {
  e.stopPropagation();
  $('> ul', e.currentTarget).slideToggle();
});

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

phone.value = phone.value.replace(/[^+0-9]/g, '').slice(0, 11);

А вообще, возможно вам следует посмотреть в сторону уже готовых решений (например), вместо того, чтобы заниматься подобным велосипедостроением.

Это чё, в setInterval запихнули подключение обработчика keydown? Умно. Не нужен тут никакой setInterval.

Сам обработчик keydown слишком сложно выглядит - зачем в четырёх разных местах делать один и тот же вызов функции? Сначала меняете координаты, а в самом конце - дёргаете перерисовку.

Размер картинок - а если решите поменять? Или опечатаетесь где-нибудь? Сделайте константу.

Что касается рисования, то наверное, проще всего будет замостить холст фоновым изображением, а потом рисовать персонажа.

Как это всё может выглядеть:

const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');

const TILE_SIDE = 32;

let pickX = 0;
let pickY = 0;

const ground = new Image();
ground.src = 'Ground.png';
const pick = new Image();
pick.src = 'Pick.png';

document.addEventListener('keydown', function(e) {
  switch (e.keyCode) {
    case 87: pickY -= TILE_SIDE; break;
    case 65: pickX -= TILE_SIDE; break;
    case 83: pickY += TILE_SIDE; break;
    case 68: pickX += TILE_SIDE; break;

    default: return;
  }

  draw();
});

function draw() {
  for (let x = 0; x < canvas.width; x += TILE_SIDE) {
    for (let y = 0; y < canvas.height; y += TILE_SIDE) {
      ctx.drawImage(ground, x, y);
    }
  }

  ctx.drawImage(pick, pickX, pickY);
}

draw();

<div class="accordionFaq"></div>

const playersOptions = [
  { source: '...' },
  { source: '...' },
  ...
];

$('.accordionFaq').html(playersOptions.map((n, i) => `
  <div class="accordionFaq-item">
    <div class="accordionFaq-head js-accordionFaq-head">
      Video #${i}
    </div>
    <div class="accordionFaq-body">
      <div id="player${i}"></div>
    </div>
  </div>
`).join('')).on('click', '.accordionFaq-head', function(e) {
  const index = $(this).closest('.accordionFaq-item').index();

  $('.accordionFaq-item', e.delegateTarget).each(function(i) {
    const
      $this = $(this),
      isClicked = i === index,
      active = isClicked && !$this.hasClass('active');

    $(this)
      .toggleClass('active', active)
      .find('.accordionFaq-body')
      [isClicked ? 'slideToggle' : 'slideUp']();

    playersOptions[i].player[active ? 'play' : 'pause']();
  });
});

playersOptions.forEach((n, i) => {
  n.player = new Clappr.Player({
    source: n.source,
    parentId: `#player${i}`,
  });
});

str.replace(/(\(.*?\))/g, m => '2'.repeat(m.length))

var sizeEmpty = $('#checkout-form').find('.empty_field').size();

Вот как, size значит... Ясно:

Note: This method has been removed in jQuery 3.0. Use the .length property instead.

В чём была проблема найти ответ на свой вопрос самостоятельно? Создаёте промисы, которые будут резолвиться через определённый промежуток времени, и смотрите, сколько пройдёт до получения результата в обоих случаях:

const getNum = () => new Promise(r => setTimeout(r, 1000, Math.random() * 100 | 0));

(async () => {
  console.time('xxx');
  const [ result1, result2 ] = [ await getNum(), await getNum() ];
  console.log(result1, result2);
  console.timeEnd('xxx');
})();

(async () => {
  console.time('yyy');
  const [ result1, result2 ] = await Promise.all([ getNum(), getNum() ]);
  console.log(result1, result2);
  console.timeEnd('yyy');
})();

$('table').on('change', 'select', ({ target: t }) => {
  const isNone = t.value === 'none';

  $(t)
    .closest('td')
    [isNone ? 'nextAll' : 'next']()
    .find('select')
    .prop('disabled', isNone)
    .val((i, val) => isNone ? 'none' : val);
});

или

document.querySelector('table').addEventListener('change', ({ target: t }) => {
  if (t.tagName === 'SELECT') {
    const isNone = t.value === 'none';
    const { cellIndex: i, parentNode: { children } } = t.closest('td');

    [...children].slice(i + 1, isNone ? undefined : i + 2).forEach(n => {
      const select = n.querySelector('select');
      select.disabled = isNone;
      select.value = isNone ? 'none' : select.value;
    });
  }
});

Вам следует осознать, что

this.onWheel.bind(this) !== this.onWheel.bind(this) // true

Сохраняйте куда-нибудь созданный обработчик при добавлении, и при удалении передавайте в removeEventListener его, а не новую функцию.

<button id="button-1"

$('#botton-1').on('dblclick',

Круто. Вы и вправду считаете, что "u" и "o" - это одна и та же буква?

А консоль приветствует нас так: "Uncaught ReferenceError: $ is not defined". Кто-то забыл подключить jquery?

$('#example thead tr:eq(1) th').slice(2).each(... дальше всё как было

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

не проканало, то есть визуально все как надо но по факту поиск из фильтра стал работать не в той колонке

Ну наверное надо эту двойку добавлять к индексу внутри each, не table.column(i), а table.column(i + 2). Или не полагаться на передаваемый индекс, а вычислять его самостоятельно, что-то вроде const index = $(this).closest('th').index().