0xD34F

Получаем коллекцию элементов, вызываем конструктор для каждого из них:

const cards = Array.from(
  document.querySelectorAll('[data-component="card"]'),
  n => new Card(n)
);

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

constructor(el) {
  if (typeof el === 'string') {
    return Array.from(document.querySelectorAll(el), n => new Card(n));
  }

  // дальше всё по-старому

И тогда можно будет делать так:

const cards = new Card('[data-component="card"]');

Потому что при назначении обработчиков клика кнопкам вроде бы одного конкретного слайдера, на самом деле назначаете их кнопкам всех слайдеров сразу.

Подозреваю, что виноват ".parents()"

И? Никак свои подозрения проверить не попытались? Можно же было посмотреть, что parents возвращает (и чем в результате оказываются prevBtn/nextBtn). Или прочесть об этом в документации.

Меняйте его на .closest('.block') или .parent().next('.slider-btns').

const table = $(this).closest('table').DataTable();

<input type="text" value="0.00">

document.querySelector('input').addEventListener('keypress', function(e) {
  e.preventDefault();
  this.value = this.value.replace(/(0)(?!.*\1)/, e.key);
});

Запоминать последний вызов и резолвить только его?

const index = arr.findIndex(n => n.id === id);
if (index !== -1) {
  arr.splice(index, 1);
}

или, если нужен новый массив:

const newArr = arr.filter(n => n.id !== id);

Если же id имеют не уникальные значения, то создание нового массива остаётся без изменений, а модификация существующего может выглядеть так:

for (let i = 0; i < arr.length; i++) {
  if (arr[i].id === id) {
    for (let j = i--; ++j < arr.length; arr[j - 1] = arr[j]) ;
    arr.pop();
  }
}

или так:

arr.reduceRight((_, n, i, a) => n.id === id && a.splice(i, 1), null);

или так:

arr.splice(0, arr.length, ...arr.filter(n => n.id !== id));

или так:

arr.length -= arr.reduce((acc, n, i, a) => (
  a[i - acc] = n,
  acc + (n.id === id)
), 0);

<input type="range" min="20" max="200" value="100">
<img src="...">

document.querySelector('input').addEventListener('input', function() {
  document.querySelector('img').style.filter = `brightness(${this.value}%)`;
});

https://codepen.io/anon/pen/ZNgoBL?editors=1010

$(this).closest('tr').index()

В обработчике start это будет индекс перемещаемого элемента; в drop, соответственно - куда переместили.

Куда и что надо перенести:

const containerSelector = '.section .block';
const itemSelector = '.imgs img';

Переносим:

const $containers = $(containerSelector);
$(itemSelector).each((i, n) => $containers.eq(i).append(n));

// или

const items = document.querySelectorAll(itemSelector);
document.querySelectorAll(containerSelector).forEach((n, i) => n.append(items[i]));

Подменяете экземпляр класса другим объектом. Вот это вот из конструктора следует убрать:

return this.data();

const chunked = (data, chunkSize) =>
  Array.prototype.reduce.call(
    data,
    (acc, n, i) => (
      i = i / chunkSize | 0,
      (acc[i] = acc[i] || []).push(n),
      acc
    ),
    []
  );

console.log(chunked([...Array(10).keys()], 3));
console.log(chunked('ABCDEFG', 2));
console.log(chunked(document.querySelectorAll('img'), 5));

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

Меняйте

for (let i = 0; i < answer.length - 1; i++)

на

for (let i = 0; i < words.length; i++)

UPD. https://jsfiddle.net/h0xm9ysc/

Ну так наверное надо стили элементу задавать, а не строкам: p.style.color = colors[i].

Ищем готовое или реализовываем самостоятельно:

function throttle(f, delay) {
  let lastCall = -Infinity;

  return function() {
    const now = +new Date;
    if (now - lastCall > delay) {
      lastCall = now;
      return f.apply(this, arguments);
    }
  };
}

Object.entries(props).filter(n => n[1]).map(n => n[0]).join(',')

// или

`${Object.entries(props).reduce((acc, [ k, v ]) => (v && acc.push(k), acc), [])}`

// или

Object.entries(props).map(n => n[1] && n[0]).filter(Boolean).toString()

// или

'' + Object.keys(props).reduce((acc, n) => props[n] ? [ ...acc, n ] : acc, [])

// или

String(Object.keys(props).filter(n => props[n]))

Object.values(db).map(Object.values).flat(2).map(n => n.filename)

Какие значения и кому надо назначить, как выбирать конкретное значение в зависимости от индекса элемента:

const key = 'background-color';
const values = [ 'red', 'lime', 'yellow', 'aqua', 'brown', 'magenta' ];
const getValue = i => values[i % values.length];
const selector = '.item';

Назначаем:

$(selector).css(key, getValue);

// или

document.querySelectorAll(selector).forEach((n, i) => {
  n.style[key] = getValue(i);
  // или
  n.style.setProperty(key, getValue(i));
  // или
  n.style.cssText += `${key}: ${getValue(i)}`;
  // или
  n.setAttribute('style', key + ': ' + getValue(i));
});

Потому что контекст потеряли. Правильно будет так:

this.sliderPoint.on('click', e => {
  this.currentImg = e.target.dataset.id;
  this.scrollImages(this.currentImg, this.speed);
});

Ещё исправить создание разметки самих кнопок тоже надо - data-id неправильные, да и в целом дичь какая-то. Делайте так:

[...Array(count)]
  .map((n, i) => `<div class="slider-point" data-id="${i}"></div>`)
  .join('')

// или

''.concat(...Array.from(
  { length: count },
  (n, i) => '<div class="slider-point" data-id="' + i + '"></div>'
))

ИЛИ

Можно вообще не использовать data-атрибут для указания номера слайда:

Array(count).fill('<div class="slider-point"></div>').join('')

// или

Array(-~count).join('<div class="slider-point"></div>')

// или

'<div class="slider-point"></div>'.repeat(count)

А вычислять его в обработчике клика:

this.currentImg = $(e.target).index();

// или

this.currentImg = [...e.target.parentNode.children].indexOf(e.target);

const reg = /^money_\d+(_\w+)?$/;

// подходят
console.log([
  'money_1',
  'money_22',
  'money_3_a',
  'money_0_xxx666'
].map(n => reg.test(n)));

// не подходят
console.log([
  'honey_1',
  'money_q2',
  'money_3~a',
  '!money_0_xxx666'
].map(n => reg.test(n)));

document.addEventListener('click', e => {
  const slide = e.target.closest('.slide');
  if (slide) {
    const index = Array.prototype.indexOf.call(
      slide.parentNode.children,
      slide
    );
    console.log(index);
  }
});

или

for (const n of document.querySelectorAll('.slide')) {
  n.addEventListener('click', onClick);
}

function onClick() {
  let index = 0;
  for (let el = this; el = el.previousElementSibling; index++) ;
  console.log(index);
}

или

document.querySelectorAll('.slider').forEach(function({ children }) {
  [].forEach.call(children, (n, i) => {
    n.dataset.index = i;
    n.addEventListener('click', this);
  });
}, e => console.log(+e.currentTarget.dataset.index));