0xD34F

const values = Object.values(arr.reduce((acc, n) => {
  const t = acc[n.from];
  acc[n.from] = (t && t.to > n.to) ? t : n;
  return acc;
}, {})).map(n => n.val);

или (здесь корректные результаты будут только если значения to как вы показали - неотрицательные)

const values = Object.values(arr.reduce((acc, n) => {
  (acc[n.from] = acc[n.from] || [])[n.to] = n.val;
  return acc;
}, {})).map(n => n.pop());

или

const values = [...arr]
  .sort((a, b) => (a.from - b.from) || (a.to - b.to))
  .filter((n, i, a) => !a[i + 1] || a[i + 1].from !== n.from)
  .map(n => n.val);

Можно с помощью lodash.

const values = _
  .chain(arr)
  .groupBy('from')
  .map(n => _.maxBy(n, m => m.to).val)
  .value();

$(document).on('input', '.price-item', function() {
  const min = +$('.min-price').val() || 0;
  const max = +$('.max-price').val() || Infinity;

  $('.filter')
    .hide()
    .filter(function() {
      const val = parseFloat($('.price', this).text());
      return min <= val && val <= max;
    })
    .show();
});

$('div.award a').each((i, n) => n.onmouseover = n.onmouseout = null)

или

$('div.award a').removeAttr('onmouseover onmouseout')

или

$('div.award a').prop({
  onmouseover: null,
  onmouseout: null,
})

Ничего не надо добавлять, getElementsByClassName возвращает HTMLCollection, а эта штука автоматически обновляется при изменении документа.

$('table td:nth-child(1)').html((i, html) => `<a href="?name=${html}">${html}</a>`);

или

document.querySelectorAll('tbody tr').forEach(n => {
  const td = n.children[0];
  const text = td.textContent;
  td.innerHTML = `<a href="?name=${text}">${text}</a>`;
});

или

for (const { cells: [ n ] } of document.querySelector('tbody').rows) {
  const text = n.innerText;
  n.innerHTML = `<a href="?name=${text}">${text}</a>`;
}

Бегом гуглить, что такое всплытие событий.
И как его останавливать.

const exclude = [ 'class1', 'class2', 'class3' ];

Array
  .from(document.querySelectorAll('div a'))
  .filter(n => !exclude.some(m => n.classList.contains(m)))
  .forEach(n => n.style.display = 'none');

У вас при каждом вызове calendarInit назначаются дополнительные обработчики кликов для prev_month и next_month. То есть, при каждом клике количество обработчиков у вас удваивается. Нажали один раз - к одному существующему добавился ещё один, стало два. Нажали второй раз - каждый из этих двух обработчиков добавил по ещё одному, стало четыре. После третьего клика - стало восемь, после шестого - 64. Как думаете, может это стать причиной торможения?

const $select = $('select').change(function() {
  const selected = $(':selected', this).get().map(n => n.value);
  const disabled = $(':disabled', this).get().map(n => n.value);

  $select
    .not(this)
    .find('option')
    .prop('disabled', function(i, val) {
      return disabled.includes(this.value) ? val : selected.includes(this.value);
    });
});

или

const selects = [...document.querySelectorAll('select')];
selects.forEach(n => n.addEventListener('change', onChange));

function onChange() {
  const options = [...this];
  const selected = options.filter(n => n.selected).map(n => n.value);
  const disabled = options.filter(n => n.disabled).map(n => n.value);

  for (const n of selects.flatMap(m => m === this ? [] : [...m])) {
    n.disabled = disabled.includes(n.value) ? n.disabled : selected.includes(n.value);
  }
}

document.querySelector('input').oninput = function() {
  let val = parseInt(this.value) || 0;
  while (val % 100) {
    val *= 10;
  }
  this.value = val;
};

Добавляем pointer-events: none; элементу .bigImage - всё окей, никаких скачков.

В конструкторе создаём promise, делаем его свойством экземпляра, также делаем свойством экземпляра функцию, разрешающую promise; метод then - вызываем метод then у сохранённого promise, пробрасывая ему полученный параметр, результат вызова кладём на место сохранённого promise:

class deferred {
  constructor() {
    this.promise = new Promise(resolve => this.resolve = resolve);
  }

  then(f) {
    this.promise = this.promise.then(f);
  }
}

Но вообще, можно добиться того же поведения и без использования promise. Сохраняем в массив все передаваемые в then функции, при вызове resolve перебираем этот массив, вызываем функции, результат вызова предыдущий используем как параметр следующей:

class deferred {
  constructor() {
    this.callbacks = [];
  }

  then(f) {
    this.callbacks.push(f);
  }

  resolve(val) {
    this.callbacks.reduce((res, f) => f(res), val);
  }
}

Не получается обратиться к элементу по его id.

А как вы это делаете? Вдруг неправильно? Почему не показали?

Просто по id (или с помощью любого другого селектора) обращаться нельзя, у внешних SVG отдельное DOM-дерево, оно доступно через свойство contentDocument соответствующего object'а, т.е.:

const svgDocument = document.querySelector('object').contentDocument;
const element = svgDocument.querySelector('здесь указываете нужный id или что там вам надо');

Замените click на mousedown. А то сейчас у вас получается так: нажали на выбранный пункт, фокус с .select-list ушёл, и к тому моменту, когда вы отпускаете кнопку мыши, список уже скрылся, соответственно, клик получается по элементу, который был под списком.

Нет, так просто не получится - тянуть файлы со сторонних доменов через a[download] нельзя.

Можно загрузить файл, перегнать его FileReader'ом в data url, и уже в таком виде подсунуть в ссылку. Как-то так.

textareaEl.addEventListener('paste', function() {
  setTimeout(() => {
    this.value = this.value.split('\n').map((n, i) => {
      const line = i + 1;
      return `${line}. ${n.replace(RegExp(`^${line}\\. `), '')}`;
    }).join('\n');
  });
});

Не нужны здесь регулярные выражения:

const imgs = document.querySelectorAll('img[src*="/test/"]');

UPD. Оказывается, автор вопроса с первого раза не сумел рассказать, чего ему надо. Вынесено из комментариев:

это не в dom, а в строке

Всё равно регулярные выражения не нужны. Парсим строку, ищем нужные элементы, получаем их разметку:

const div = document.createElement('div');
div.innerHTML = str;
const imgsStr = ''.concat(...[].map.call(
  div.querySelectorAll('img[src*="/test/"]'),
  n => n.outerHTML
));

или

const imgsStr = Array
  .from(
    new DOMParser().parseFromString(str, 'text/html').querySelectorAll('img[src*="/test/"]'),
    n => n.outerHTML)
  .join('');

или

const imgsStr = Array.prototype.reduce.call(
  document.createRange().createContextualFragment(str).querySelectorAll('img[src*="/test/"]'),
  (acc, n) => acc + n.outerHTML,
  ''
);

UPD. Нет, со второго раза тоже не получилось. Всплыли ещё подробности:

мне нужно удалить из этой строки все картинки, которые...

Удалить, так удалить:

const div = document.createElement('div');
div.innerHTML = str;
const imgs = div.querySelectorAll('img[src*="/test/"]');
for (let i = 0; i < imgs.length; i++) {
  imgs[i].outerHTML = '';
}
str = div.innerHTML;

или

const { body } = new DOMParser().parseFromString(str, 'text/html');
body.querySelectorAll('img[src*="/test/"]').forEach(n => n.remove());
str = body.innerHTML;

или

const fragment = document.createRange().createContextualFragment(str);
for (const n of fragment.querySelectorAll('img[src*="/test/"]')) {
  n.parentNode.removeChild(n);
}
str = Array.from(fragment.childNodes, n => n.outerHTML || n.nodeValue).join('');

function onlyOne({ value, dataset: { group } }) {
  document.querySelectorAll(`[data-group="${group}"]`).forEach(n => {
    n.checked = n.checked && n.value === value;
  });
}

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

Замените

todoList.forEach(function(element) {
  document.getElementById('out').innerHTML += '<p>'+element+'</p>';
});

на

document.getElementById('out').innerHTML = todoList.map(n => `<p>${n}</p>`).join('');