0xD34F

Object.values(arr.reduce((acc, n) => {
  const name = n.name.split(' ').pop();
  acc[name] = +acc[name]?.price < +n.price ? acc[name] : n;
  return acc;
}, {}))

Коротко:

const result = arr.flat().map((n, i) => ({ ...n, id: -~i }));

Длинно:

const result = [];

for (const n of arr) {
  for (const m of n) {
    result.push({
      ...m,
      id: result.length + 1,
    });
  }
}

Количество переменных, хранящих координаты, следует привести в соответствие с количеством осей, по которым осуществляется перемещение. А то переменная одна, а осей две. Как вы собираетесь два независимых значения хранить в одной переменной? Это абсурд - два (сейчас внимание, будет сногсшибательный факт) больше одного.

Или сделайте объект/массив, который будет содержать обе координаты:

const coord = [ 0, 0 ];
const step = 10;

const moveFunc = e => {
  const shift = ({
    ArrowUp: [ 0, -1 ],
    ArrowDown: [ 0, 1 ],
    ArrowLeft: [ -1, 0 ],
    ArrowRight: [ 1, 0 ],
  })[e.code];

  if (shift) {
    div.style.left = `${coord[0] += shift[0] * step}px`;
    div.style.top = `${coord[1] += shift[1] * step}px`;
  }
};

const result = Array.from(
  document.querySelectorAll('#spisok > div > p > br'),
  n => n.nextSibling.textContent.trim()
);

или

const result = Array.prototype.map.call(
  document.getElementById('spisok').getElementsByTagName('button'),
  n => n.previousSibling.nodeValue.replace(/(^\s+)|(\s+$)/g, '')
);

const makeOrderList = str =>
  Object.fromEntries(Array.from(
    str.matchAll(/(\d+) ([^,]+)/g),
    n => [ n[2].replace(/ /g, '_'), +n[1] ]
  ));

или

const makeOrderList = str => str
  .split(', ')
  .map(n => [ n.split(' ').slice(1).join('_'), parseInt(n) ])
  .filter(n => !Number.isNaN(n[1]))
  .reduce((acc, n) => (acc[n[0]] = n[1], acc), {});

hrefs.filter(n => !/\.pdf$/.test(n))
// или
hrefs.filter(n => !n.endsWith('.pdf'))
// или
hrefs.filter(n => n.split('.').pop() !== 'pdf')
// или
hrefs.filter(n => n.lastIndexOf('.pdf') !== n.length - 4)
// или
hrefs.filter(n => n.slice(-4) !== '.pdf')

const getLast = (obj, parentName) =>
  obj.next instanceof Object
    ? getLast(obj.next, obj.name)
    : { ...obj, parentName };

code =+ code;

1. Расставим пробелы правильно, чтобы было понятнее, к чему + на самом деле относится: code = +code;.
2. Бегом читать.

Потому что каждая анимация оканчивается событием transitionend. И вы все их обрабатываете, переключая значение transform, и, тем самым, запуская следующую анимацию. Вешайте обработчик события, который срабатывает однократно - добавьте в вызов addEventListener в качестве третьего аргумента { once: true }.

А вот балбесы вроде вас:

Почему данный Juqery скрипт прячет только один div,а не два?
Как применить функцию ко всем одинаковым id?
Как получить индекс элемента id из дива формы?
Добавить и удалить элемент на JS/jQuery?
Как сделать одинаковые якорные ссылки для сайта с разной версткой под моб и декстоп?
Как сделать клик по элементу?
Почему меняет класс только у первого элемента?
Почему jquery replaceWith работает только с одним div?
Как нажать на все кнопки одновременно по ID кнопки?
Как подставить ссылку для iframe, используя данные полей ввода html?
Почему addclass добавляется только первому элементу в списке?

Попробуйте найти что-то общее.

https://jsfiddle.net/j0v5fb8y/

const count = (arr, val) => arr.filter(n => n === val).length;
// или
const count = (arr, val) => arr.reduce((acc, n) => acc + (n === val), 0);

Можно и в более общем виде - считаем всё:

function Counter(data, key = n => n) {
  const counted = new Map;

  for (const n of data) {
    const k = key(n);
    counted.set(k, (counted.get(k) ?? 0) + 1);
  }

  return k => counted.get(k) ?? 0;
}

Использовать можно так:

const arr = [ 1, 1, NaN, 1, 2, NaN, 9, NaN, NaN, 9, 7, 'hello, world!!', 'hello, world!!' ];
const counted = Counter(arr);
console.log(counted(1)); // 3
console.log(counted(NaN)); // 4
console.log(counted('hello, world!!')); // 2
console.log(counted(10)); // 0

Или так:

<span class="color">red</span>
<span class="color">green</span>
<span class="color">red</span>
<span class="color">red</span>

const counted = Counter(document.querySelectorAll('.color'), el => el.innerText);
console.log(counted('red')); // 3
console.log(counted('blue')); // 0

const sortedElements = [...elements].sort((a, b) =>
  +a.relations.includes(b.id) ||
  -b.relations.includes(a.id) ||
  a.name.localeCompare(b.name)
);

Избавьтесь от них. А значения data-атрибутов объедините, например, вместо

<a data-problem="value1">
<a data-problem="value2">

пусть будет

<a data-problem="value1|value2">

И проверяйте наличие хотя бы одного из выбранных значений внутри этих строк:

$('.problem').change(function() {
  const problems = $(':checked', this)
    .get()
    .map(({ dataset: { type, problem } }) => ({ type, problem }));

  $(this)
    .closest('.remont')
    .find('.price__item')
    .hide()
    .filter((i, { dataset: d }) =>
      problems.some(p => d.type === p.type && d.problem.includes(p.problem))
    )
    .show();
}).change();

$('.problem').change(({ target: t }) => {
  const attrsSelector = [ 'type', 'problem' ]
    .map(n => `[data-${n}="${t.dataset[n]}"]`)
    .join('');

  $(`.price-problem ${attrsSelector}`).toggle(t.checked);
}).find('input').change();

$('.item img').wrap(function() {
  return `<a href="${this.getAttribute('src')}"></a>`;
});

или

$('.item').html((i, html) => `<a href="${html.match(/(?<=src=")[^"]*/)}">${html}</a>`);

Складываем данные маркеров в массив объектов - каждый содержит координаты и контент всплывающего окна:

const markersData = [
  { position: { lat: ..., lng: ... }, content: '...' },
  { position: { lat: ..., lng: ... }, content: '...' },
  ...
];

Всплывающее окно - одно на всех:

const infoWindow = new google.maps.InfoWindow();

Создаём массив маркеров:

const markers = markersData.map(({ position, content }) => {
  const marker = new google.maps.Marker({ position, map });

  marker.addListener('click', () => {
    infoWindow.setContent(content);
    infoWindow.open(map, marker);
  });

  return marker;
});

Смена иконки - сделаем метод, который будет устанавливать активную у указанного маркера, а у остальных дефолтную (если надо сбросить текущую активную, передаёте null):

const setActiveIcon = marker => markers.forEach(n => n.setIcon(n === marker ? iconActive : icon));

Всё.

function createTree(arr) {
  const tree = Object.fromEntries(arr.map(({ parts, ...n }) => [ n.id, n ]));
  arr.forEach(n => tree[n.id].children = n.parts?.map(m => tree[m]) ?? []);
  return Object.values(tree).filter(n => arr.every(m => !m.parts?.includes(n.id)));
}

Оберните каждую пару из списка и формы в отдельные <div class="wrapper">.

const containerSelector = '.wrapper';
const headerSelector = '.request__nav__item';
const contentSelector = '.request__field';
const activeClass = 'active';

$(containerSelector).on('click', headerSelector, function(e) {
  const $headers = $(headerSelector, e.delegateTarget);
  const index = $headers.index(this);

  $headers.removeClass(activeClass).eq(index).addClass(activeClass);
  $(contentSelector, e.delegateTarget).hide().eq(index).fadeIn();
}).each(function() {
  $(headerSelector, this).first().click();
});

$('a').click(function() {
  const $tabs = $('.splCont');
  const $tab = $tabs.eq($(this).index()).toggle('normal');
  $tabs.not($tab).hide('normal');

  return false;
});