0xD34F

const sortedElements = [...elements].sort((a, b) =>
  a.relations.includes(b.id)
    ? 1
    : b.relations.includes(a.id)
      ? -1
      : 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();

deep:true

Ну раз вы за объектом следите - заменяйте его полностью.

Т.е., вместо obj[key] = val делайте obj = { ...obj, [key]: val }.

Открыть профиль пользователя. Если забанен, наверху будет написано - когда, на сколько и за что. Например.

Потому что (тут, кстати, следует немедленно поинтересоваться - с чего бы это стиль, относящийся к одному компоненту, описывается в другом?)

.product {
    display: flex;

По умолчанию flex располагает элементы горизонтально.

Добавьте flex-direction: column; для .product. Элементам внутри .product, которые должны находиться на одной строке, добавьте общие обёртки, которым также будет задан display: flex;.

$('.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();

$arr3 = array_map(fn($n, $m) => array_merge($n, [ 'quantity' => $m ]), $arr1, $arr2);

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

или

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

preg_match('/\/season\/(\d+)\//', $string, $match);
$season = $match[1];

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

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">.

$('.request__nav').on('click', '.request__nav__item', function() {
  const $this = $(this);
  $this
    .addClass('active')
    .siblings()
    .removeClass('active')
    .closest('.wrapper')
    .find('.request__field')
    .hide()
    .eq($this.index())
    .fadeIn();
}).each(function() {
  $('.request__nav__item', this).first().click();
});

SELECT DISTINCT ON ("code") "code", "key"
FROM table_name

row = [ 2, 3, 7, 9 ]
num_rows = 5

matrix = [ [ f'Ряд {i + 1}, число {item}' for item in row ] for i in range(num_rows) ]

const toSeconds = str => str
  .split(':')
  .reverse()
  .reduce((acc, n, i) => acc + n * (60 ** i), 0);