0xD34F

Если ознакомиться с тем, что представляет собой свойство style, то можно узнать, что оно

используется для получения и установки инлайновых стилей

Вы пытаетесь получить инлайновый стиль? Нет. Ну и всё.

Используйте getComputedStyle.

работает он наоборот

потому что ^

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .map(([ v, c ]) => c === 1 ? v : Array(c).fill(v));

или

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] === n || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), [])
  .map(n => n.length === 1 ? n[0] : n);

или

const result = arr.reduce((acc, n, i, a) => {
  const prev = n === a[i - 1];
  const next = n === a[i + 1];
  !prev && next && acc.push([]);
  (prev || next ? acc[acc.length - 1] : acc).push(n);
  return acc;
}, []);

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

const length = 48;
const step = 30;
const locale = 'en-US';
const options = {
  hour: '2-digit',
  minute: '2-digit',
};

Создаём:

const times = Array.from({ length }, (_, i) => {
  return new Date(0, 0, 0, 0, step * i).toLocaleTimeString(locale, options);
});

// или

const times = Array.from({ length }, function() {
  return this[1].format(this[0].setMinutes(this[0].getMinutes() + step));
}, [ new Date(0, 0, 0, 0, -step), new Intl.DateTimeFormat(locale, options) ]);

str.replace(/^https?:\/\/|\/$/g, '')

или

str.match(/(?<=\/\/).+?(?=\/?$)/)[0]

Добавьте input'у внутри элемента .findreg такие же обработчики событий focus и blur, как у .reg. Типа так.

Потому что вы копируете всё, что есть в момент копирования.

Сделайте копию того, что есть изначально, и копируйте эту копию:

const $sample = $('.add-pass-group').clone();

$('.add-napr').on('click', e => $(e.target).before($sample.clone()));

[...`${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,
};

Или сначала соберите массив:

const data = Object.fromEntries([ [ 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 tbody 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.replaceWith(),
  null
);

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

const last = Array
  .from(document.querySelectorAll('[id="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]);
    }
  }
}