0xD34F

[...`${num}`].map(Number)

или

num.toString().split('').map(n => +n)

или

Array.from(String(num), parseFloat)

или

('' + num).match(/./g).map(n => parseInt(n))

или

Object.values(num.toFixed()).map(n => ~~n)

или

[].map.call(/.+/.exec(num)[0], n => n * 1)

или

eval('['.concat(num, ']').replace(/\d/g, '$&,'))

или

Object.assign([], JSON.stringify(num)).map(JSON.parse)

или

Array(1 + (Math.log10(num) | 0)).fill().map((n, i) => (num / 10 ** i | 0) % 10).reverse()

или

((f = (x, a) => (a.unshift(x % 10), x = x / 10 | 0, x ? f(x, a) : a)) => f(num, []))()

Невалидный html, который браузер пытается поправить, в результате строка с заголовками столбцов оказывается в tbody, и текст в заголовках обрабатывается при вычислении суммы как часть данных - отсюда NaN.

Тэг caption должен быть первым вложенным элементом тэга table, внутри th ему не место.

Квадратные скобки добавьте:

const data = {
  [name]: value,
};

https://jsfiddle.net/eq956pyb/1/

const viewBox = Array
  .from(document.querySelectorAll('svg'), n => n.getAttribute('viewBox').split(' '))
  .reduce((acc, n) => (n.forEach((m, i) => (acc[i] = (acc[i] ?? 0) + +m)), acc), [])
  .join(' ');

const obj2 = Object.fromEntries(arr2.map(({ id, ...n }) => [ id, n ]));
const newArr1 = arr1.map(({ id, ...n }) => ({ ...n, ...obj2[id] }));

.spoiler_block div {
  display: none;
}

$('.spoiler_title').click(function() {
  $('.spoiler_block div').slideToggle(250);
});

function compoundMatch(words, target) {
  const pairs = [];

  for (let i = 1; i < target.length; i++) {
    pairs.push([ target.slice(0, i), target.slice(i) ]);
  }

  for (const [ a, b ] of pairs) {
    const ia = words.indexOf(a);
    const ib = words.indexOf(b);

    if (ia !== -1 && ib !== -1) {
      return ia < ib ? [ a, b, [ ia, ib ] ] : [ b, a, [ ia, ib ] ];
    }
  }

  return null;
}

или

function compoundMatch(words, target) {
  const indices = {};

  for (let i = 0; i < words.length; i++) {
    const a = words[i];
    if (!indices.hasOwnProperty(a)) {
      indices[a] = i;

      const b = target.replace(a, '');
      if (indices.hasOwnProperty(b)) {
        return [ b, a, a + b === target ? [ i, indices[b] ] : [ indices[b], i ] ];
      }
    }
  }

  return null;
}

или

function compoundMatch(words, target) {
  const indices = {};

  for (let i = 0; i < words.length; i++) {
    indices[words[i]] = i;
  }

  for (const a in indices) {
    for (const b in indices) {
      if (a + b === target) {
        return indices[a] < indices[b]
          ? [ a, b, [ indices[a], indices[b] ] ]
          : [ b, a, [ indices[a], indices[b] ] ];
      }
    }
  }

  return null;
}

.active {
  background: black;
  color: white;
}

const handler = e =>
  (e.type === 'click' || e.buttons === 1) &&
  e.target.classList.contains('but') &&
  e.target.classList.add('active');

document.addEventListener('click', handler);
document.addEventListener('mousemove', handler);

В каком столбце значение смотрим, в какой столбец значение пишем:

const iKey = 0;
const iTarget = 2;

Возможные содержимые одного столбца (ключи объекта) и что надо записывать в другой (значения):

const values = {
  'если есть такое значение': 'подставляем это',
  'а при наличие такого': 'ну вы поняли, что здесь должно быть',
  // ну и так далее
};

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

$('.table tr').each(function() {
  const $td = $('td', this);
  const key = $td.eq(iKey).text();

  if (values.hasOwnProperty(key)) {
    $td.eq(iTarget).text(values[key]);
  }
});

// или

for (const { rows } of document.querySelector('.table').tBodies) {
  for (const { cells: { [iKey]: k, [iTarget]: t } } of rows) {
    t.textContent = values[k.textContent] || t.textContent;
  }
}

str.replace(/\[caption .*?\]/g, '')

найти последний div

const last = document.querySelector('#container').lastElementChild;

остальные удалить

Array.prototype.reduceRight.call(
  document.getElementById('container').children,
  (_, n) => n?.nextElementSibling && (n.outerHTML = ''),
  null
);

Оба действия сразу:

const last = Array
  .from(document.querySelectorAll('#container > *'))
  .reduce((_, n, i, a) => i === ~-a.length ? n : n.remove(), null);

О какой таблице речь и что за класс отвечает за выделение ячеек:

const table = document.querySelector('table');
const className = 'red';

Сперва собираем индексы столбцов, заголовки которых имеют класс:

const indices = Array.from(table.querySelectorAll(`thead .${className}`), n => n.cellIndex);

Затем можно добавить класс ячейкам в теле таблицы:

table.querySelectorAll('tbody tr').forEach(n => {
  indices.forEach(i => n.cells[i].classList.add(className));
});

Или, кроме добавления, можно класс ещё и убирать (если вдруг есть) в тех столбцах, заголовок которого не подсвечен:

for (const { rows } of table.tBodies) {
  for (const { cells } of rows) {
    for (let i = 0, j = 0; i < cells.length; i++) {
      j += cells[i].classList.toggle(className, i === indices[j]);
    }
  }
}

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

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('box')) {
    for (const n of document.querySelectorAll('.box')) {
      n.style.background = n === t ? 'red' : 'black';
    }
  }
});

function getDatesGroupedByWeekday(year, month) {
  const d = new Date(`${month} 1, ${year}`);
  const iMonth = d.getMonth();
  const result = {};

  while (d.getMonth() === iMonth) {
    const date = d.getDate();
    const weekday = d.toLocaleString('en-US', { weekday: 'long' });
    (result[weekday] = result[weekday] ?? []).push(date);
    d.setDate(date + 1);
  }

  return result;
}

optional chaining:

if (response?.data?.users?.length) {

После кого и во что надо оборачивать:

const block = document.querySelector('.block');
const wrapper = document.createElement('div');
wrapper.classList.add('another__block');

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

const parent = block.parentNode;
const childNodes = [...parent.childNodes];
wrapper.append(...childNodes.slice(childNodes.indexOf(block) + 1));
parent.append(wrapper);

Вариант два - пока у блока есть следующий узел, добавляем его в обёртку:

for (; block.nextSibling; wrapper.appendChild(block.nextSibling)) ;
block.after(wrapper);

fetch('https://jsonplaceholder.typicode.com/albums')
  .then(r => r.json())
  .then(r => {
    const keys = [ 'userId', 'id', 'title' ];

    // собираем разметку
    document.body.insertAdjacentHTML('beforeend', `
      <div class="wrapper">${r.map(n => `
        <div class="item">${keys.map(k => `
          <div>${k}: ${n[k]}</div>`).join('')}
        </div>`).join('')}
      </div>
    `);

    // или, создаём элементы напрямую
    function createElement(tag, className, children) {
      const el = document.createElement(tag);
      el.className = className;
      el.append(...children);
      return el;
    }

    document.body.append(
      createElement('div', 'wrapper', r.map(n =>
        createElement('div', 'item', keys.map(k =>
          createElement('div', '', [ `${k}: ${n[k]}` ])
        ))
      ))
    );
  });

.wrapper {
  border: 3px solid black;
  padding: 10px;
  margin: 10px;
}

.item {
  border: 1px solid silver;
  padding: 5px;
  margin: 5px;
}

const fourValues = four.map(Object.values);

const result = three.map(n => {
  const values = Object.values(n);
  const intersections = fourValues.filter(m => values.every(v => m.includes(v)));
  return `${values} - ${intersections.length
    ? `входит в / ${intersections.map(m => `${m}`).join(' / ')} /`
    : 'нет вхождений'}`;
});

$('.bakeries-slider').each(function() {
  $('.bakeries-slider__span', this).text(i => `${i + 1}.`);
});

или

for (const n of document.querySelectorAll('.bakeries-slider')) {
  n.querySelectorAll('span').forEach((m, i) => m.innerText = ++i + '.');
}

или

[].forEach.call(document.getElementsByClassName('bakeries-slider'), n => {
  const slides = n.getElementsByTagName('span');
  for (let i = 0; i < slides.length; i++) {
    slides[i].textContent = ''.concat(-~i, '.');
  }
});