0xD34F

const uniqueWithSum = (arr, idKey, sumKey) =>
  Object.values(arr.reduce((acc, n) => {
    const id = n[idKey];
    acc[id] = acc[id] || Object.assign(new n.constructor, n, { [sumKey]: 0 });
    acc[id][sumKey] += n[sumKey];
    return acc;
  }, {}));


// ваш случай
const result = uniqueWithSum(arr, 'id', 'duration');

// элементам не обязательно быть объектами, это могут быть и массивы
uniqueWithSum([
  [ 'A', 1 ],
  [ 'B', 5 ],
  [ 'A', 2 ],
  [ 'A', 3 ],
], 0, 1) // [ [ 'A', 6 ], [ 'B', 5 ] ]

document.querySelectorAll('.block').forEach(n => {
  const name = n.querySelector('.block__name').innerText;
  const cl = n.querySelector('.block__link').classList;
  cl.toggle('is-active', name.includes('Name_2') && cl.contains('page-link'));
});

const capitalize = str => str.replace(/(^|\s|-)+\S/g, m => m.toUpperCase());

$input.on('input', function() {
  this.value = Math.min(MAX_VALUE, Math.max(MIN_VALUE, this.value));
});

jsfiddle.net/owdg6c8m

https://jsfiddle.net/tg3fm9no/1/

JSON.parse / eval

ну или

({
  'false': false,
  'true': true,
})[str]

const chainScripts = src => src.reduce((acc, n) => {
  return acc.then(() => new Promise((resolve, reject) => {
    const s = document.createElement('script');
    s.onload = resolve;
    s.onerror = reject;
    s.src = n;
    document.head.appendChild(s);
  }));
}, Promise.resolve());

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}`,
  });
});