0xD34F

Как наиболее короче сделать...

Короче - не проверять, и вообще не обрабатывать элементы, где нет данных:

generalDiv.innerHTML = newCats
  .filter(n => n?.breeds.length)
  .map(({ url, breeds: [ b ] }) => `
    <div class="cat__item">
      <div class="cat__img"><img src="${url}" alt="${b.name}"></div>
      <div class="cat__name">${b.name}</div>
      <div class="cat__temperament">${b.temperament}</div>
      <div class="cat__live">${b.life_span}</div>
      <div class="cat__origin">${b.origin}</div>
      <div class="cat__description">${b.description}</div>
      <div class="cat__wikipedia_url">${b.wikipedia_url}</div>
    </div>
  `)
  .join('');

document.querySelector('form').addEventListener('input', function() {
  const sum = Array.prototype.reduce.call(
    this.querySelectorAll('input:checked'),
    (acc, n) => acc + +n.value,
    0
  );

  document.querySelector('#pSumma').innerText = `$${sum.toFixed(2)}`;
});

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

document.querySelectorAll('.g-project__words-moving').forEach(n => {
  const html = n.querySelector('.words-moving__calm span').outerHTML.repeat(10);
  n.querySelectorAll('.running-string-wrapp').forEach(m => m.innerHTML = html);
});

Ну а если говорить об ошибке в вашем коде, то вы всегда перебираете все имеющиеся элементы .words-moving__calm span, вместо того, чтобы ограничиться только теми, которые лежат внутри текущего элемента .g-project__words-moving. Для исправления можно перенести объявление place в начало тела внешнего цикла, заменив при этом document на boxes[i].

.on('beforeChange', function(e, slick, currSlide, nextSlide) {
  $('.tabs-content__item').hide().eq(nextSlide).fadeIn();
});

re.sub(r'(^\W+)|(\W+$)', '', text)

chunkSize = 2
print(':'.join(''.join(g[i:i + chunkSize]) for i in range(0, len(g), chunkSize)))

const reverseNumber = num => Math.sign(num) * [...`${Math.abs(num)}`].reverse().join('');

const SHOW_MORE = 3;
const itemSelector = '.item';
const hiddenClass = 'd-none';
const hiddenSelector = `.${hiddenClass}`;
const $show = $('.show');
const $hide = $('.hide');
const $items = $(itemSelector);

function updateButtons() {
  $show.toggleClass(hiddenClass, $items.filter(hiddenSelector).length === 0);
  $hide.toggleClass(hiddenClass, $items.not(hiddenSelector).length === SHOW_MORE);
}

$show.click(function() {
  $items.filter(hiddenSelector).slice(0, SHOW_MORE).removeClass(hiddenClass);
  updateButtons();
}).click();

$hide.click(function() {
  $items.slice(SHOW_MORE).addClass(hiddenClass);
  updateButtons();
});

Вынесем в отдельные переменные условия, определяющие, надо ли показывать группы кнопок, которые...

// ...прилегают к первой кнопке
const showAfterFirst = currentPage < 5;

// ...прилегают к последней кнопке
const showBeforeLast = currentPage > totalPages - 4;

Соответственно, условиями отображения троеточий после/до первой/последней кнопок будут обратные значения: !showAfterFirst и !showBeforeLast. А чтобы отобразить центральную группу кнопок, оба базовых условия должны быть ложными: !(showAfterFirst || showBeforeLast).

https://jsfiddle.net/0sjgrcxu/1/

Убрать всех, кто не массив; заменить spread на flat:

[ arr1, arr2, arr3 ].filter(Array.isArray).flat()

почему-то не работает

Действительно, чудеса какие-то. Всё же правильно делаете - сначала инициализируете слайдер, затем создаёте под него контейнер и слайды... А, ну да.

Может, наоборот попробуете - сначала создать все необходимые элементы, а уже потом дёрнуть new Swiper?

Добавьте в useEffect return () => clearInterval(interval);.

fields.every(n => Object.values(n).every(m => !m.isRequired || m.value))

Вместо

- let works = [

должно быть

-
  let works = [

Ещё кавычки забыли - нулевой элемент массива, значение свойства text.

Так чего надо-то? Говорите "массивы", показываете объекты.

Если исходные данные, как и показано, представлены объектами, то

Object
  .entries({ defaultTest, systemTest })
  .flatMap(([ k, { references, ...n } ]) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  })))

Если же это массивы (а сейчас показываются, соответственно, их элементы), тогда

Object
  .entries({ defaultTest, systemTest })
  .map(([ k, v ]) => v.map(({ references, ...n }) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  }))))
  .flat(2)

key = 'brand'
val = 'Ford'

print([ n for n in dict_autos.values() if n[key] == val ])

Скрытый выбранный option:

const setOptions = (el, options, placeholder) =>
  el.innerHTML =
    `<option hidden selected value="">${placeholder}</option>` +
    options.map(n => `<option>${n}</option>`).join('');

https://jsfiddle.net/hb9gz7ft/1/

Проверяем число, если однозначное - возвращаем 0; в противном случае возвращаем сумму единицы и результата рекурсивного вызова:

const multiply = num =>
  num > 9
    ? 1 + multiply([...`${num}`].reduce((acc, n) => acc * n))
    : 0;