0xD34F

function filter(obj, key, f) {
  const keys = Object.keys(obj);

  return (obj[key] || []).reduce((acc, n, i) => (
    f(n) && keys.forEach(k => acc[k].push(obj[k][i])),
    acc
  ), keys.reduce((acc, k) => (acc[k] = [], acc), {}));
}


const result = filter(obj, 'years', n => 2012 <= n && n <= 2014);

или

function filter(obj, f) {
  const keys = Object.keys(obj);
  const length = keys.length && obj[keys[0]].length;
  const result = Object.fromEntries(keys.map(k => [ k, [] ]));

  for (let i = 0; i < length; i++) {
    if (f(i, obj)) {
      keys.forEach(k => result[k].push(obj[k][i]));
    }
  }

  return result;
}


const result = filter(obj, (i, { years: { [i]: n } }) => 2012 <= n && n <= 2014);

Каким input'ам, по какому событию и какие надо переключать классы, какова минимально допустимая длина содержимого:

const selector = '[type="tel"]';
const event = 'input';
const minLength = 10;
const classNames = [ 'какой-то класс', 'какой-то другой класс' ];

Переключаем:

$(selector).on(event, function() {
  const isLengthOK = $(this).val().length >= minLength;
  $(this)
    .toggleClass(classNames[0], !isLengthOK)
    .toggleClass(classNames[1], isLengthOK);
});

или

document.querySelectorAll(selector).forEach(function(n) {
  n.addEventListener(event, this);
}, ({ target: t }) => {
  const isLengthOK = +(t.value.length >= minLength);
  classNames.forEach((n, i) => t.classList.toggle(n, isLengthOK === i));
});

/(?<=21).*?(?=91)/

Потому что они так устроены:

we can mark components as functional, which means that they’re stateless (no reactive data) and instanceless (no this context)

- .dropdown__block.open {
+ .dropdown.open .dropdown__block {

const containerSelector = '.dropdown';
const buttonSelector = `${containerSelector} .dropdown__toggler`;
const activeClass = 'open';


// jquery, как вы и хотели
$(document).on('click', ({ target: t }) => {
  const $container = $(t).closest(containerSelector);
  const $button = $(t).closest(buttonSelector);

  if ($button.length) {
    $container.toggleClass(activeClass);
  }

  $(containerSelector).not($container).removeClass(activeClass);
});

// или, к чёрту jquery
document.addEventListener('click', ({ target: t }) => {
  const container = t.closest(containerSelector);
  const button = t.closest(buttonSelector);

  if (button) {
    container.classList.toggle(activeClass);
  }

  document.querySelectorAll(containerSelector).forEach(n => {
    if (n !== container) {
      n.classList.remove(activeClass);
    }
  });
});

https://www.php.net/manual/ru/function.array-inter...

.hidden {
  display: none;
}

const itemSelector = '.item-service';
const className = 'hidden';

function toggleUntilNextItem(el) {
  while ((el = el.nextElementSibling) && !el.matches(itemSelector)) {
    el.classList.toggle(className);
  }
}

document.querySelectorAll(itemSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => toggleUntilNextItem(e.currentTarget));

// или

document.addEventListener('click', e => {
  const item = e.target.closest(itemSelector);
  if (item) {
    toggleUntilNextItem(item);
  }
});

Object.entries(obj).filter(n => Number.isInteger(+n[0])).map(n => n[1]).join(';')

// или

Object.keys(obj).reduce((acc, n) => (`${+n}` === n && acc.push(obj[n]), acc), []).join(';')

// или

Array.from(obj).join(';')

// или

JSON.stringify(obj).match(/(?<="\d+":").*?(?=")/g).join(';')

$('.links').on('mouseover', 'a', function() {
  $(this).closest('.block').find('img').attr('src', $(this).data('src'));
});

или

document.addEventListener('mouseover', ({ target: t }) => {
  const { src } = t.dataset;
  if (src) {
    t.closest('.block').querySelector('img').src = src;
  }
});

или

document.querySelectorAll('[data-src]').forEach(function(n) {
  n.addEventListener('mouseenter', this);
}, ({ target: t }) => t
  .parentNode
  .parentNode
  .nextElementSibling
  .setAttribute('src', t.getAttribute('data-src'))
);

$('.open-category').click(function() {
  $(`.d-none[data-id="${this.dataset.id}"]`).toggleClass('active');
});

или

for (const n of document.getElementsByClassName('open-category')) {
  n.addEventListener('click', onClick);
}

function onClick({ target: { dataset: { id } } }) {
  document.querySelector(`.d-none[data-id="${id}"]`).classList.toggle('active');
}

или

const elements = new Map(Array.from(
  document.querySelectorAll('.open-category'),
  n => [ n, document.querySelector(`.d-none[data-id="${n.dataset.id}"]`) ]
));

document.addEventListener('click', e => {
  elements.get(e.target)?.classList.toggle('active');
});

https://jsfiddle.net/Ldsh39bc/

идет смещение индексов, но как это обойти, уже не знаю

Можно перебирать массив индексов с конца:

for (let i = arr.length; i--;) {
  invItems.splice(arr[i], 1);
}

Или развернуть его:

for (const n of [...arr].reverse()) {
  invItems.splice(n, 1);
}

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

for (const [ i, n ] of arr.entries()) {
  invItems.splice(n - i, 1);
}

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

invItems.splice(0, invItems.length, ...invItems.filter((n, i) => !arr.includes(i)));

Или, долой splice, будем использовать два счётчика - один для массива данных, другой для массива индексов. Второй одновременно будет счётчиком удаляемых элементов. Перебираем массив данных, копируем элементы влево на столько позиций, сколько в данный момент элементов должно быть удалено, увеличиваем счётчик удалённых элементов если текущий индекс массива с данными равен текущему элементу массива индексов, после обхода массива с данными удаляем посчитанное количество элементов с конца:

let numDeleted = 0;

for (let i = 0; i < invItems.length; i++) {
  invItems[i - numDeleted] = invItems[i];
  numDeleted += i === arr[numDeleted];
}

invItems.length -= numDeleted;

re.findall(r'\d+(?:\.\d+)?(?= м²)', s)

Последовательно:

async function fetchRecursive(arr) {
  const result = [];

  if (Array.isArray(arr)) {
    for (const n of arr) {
      try {
        result.push({ status: true, result: await fetch(n.url).then(r => r.json()) });
      } catch(error) {
        result.push({ status: false, error });
      }

      result.push(...await fetchRecursive(n.children));
    }
  }

  return result;
}

Параллельно:

const flat = arr => (arr || []).flatMap(n => [ n.url, ...flat(n.children) ]);

const fetchRecursive = arr => Promise.allSettled(flat(arr).map(n => fetch(n).then(r => r.json())));

Уберите уникальные id, добавьте общие классы.
Если id нужен, положите его в data-атрибут корневого элемента комментария.
Уберите атрибут style, его содержимое разместите в стилях класса соответствующего элемента.
Вместо переключения двух классов у разных элементов переключайте один - у корневого элемента комментария.

<div class="comment" data-id="187">
  <a class="comment-edit">Редактировать</a>
  <span class="comment-panel"></span>
</div>

.comment .comment-panel {
  display: none;
}

.comment.editing .comment-panel {
  display: inline;
}

.comment.editing .comment-edit {
  color: red;
}

const containerSelector = '.comment';
const buttonSelector = '.comment-edit';
const activeClass = 'editing';


// вот вам ваш jquery
$(containerSelector).on('click', buttonSelector, e => {
  const id = $(e.delegateTarget).toggleClass(activeClass).data('id');
  console.log(id);
});

// или, к чёрту jquery
document
  .querySelectorAll(`${containerSelector} ${buttonSelector}`)
  .forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const container = this.closest(containerSelector);
  container.classList.toggle(activeClass);
  const { id } = container.dataset;
  console.log(id);
}

computed: {
  listGroupedByTypeId() {
    return this.list.reduce((acc, n) => {
      (acc[n.type_id] = acc[n.type_id] || []).push(n);
      return acc;
    }, {});
  },
},

document.querySelectorAll('.class-1').forEach(n => {
  n.insertAdjacentHTML('afterbegin', `<div>${n.querySelector('span').dataset.name}</div>`);
});

или

$('.class-1').prepend(function() {
  return $('<div>').text($('span', this).data('name'));
});

Знаю, но не скажу. Читайте документацию.

По-видимому, при каждом рендере назначается новый обработчик клика. Потому что назначаете вы его неправильно. Вместо получения экземпляра маркера и вызова events.add, передавайте onClick в Placemark; объект с данными (city, address и т.д.) унесите в properties и получайте его внутри обработчика:

const onPlacemarkClick = e => {
  const placemarkData = e.get('target').properties.get('placemarkData');
  ...
};

<Placemark
  onClick={onPlacemarkClick}
  properties={{
    placemarkData: {
      city: point.City,
      address: point.Address,
      ...
    },
    ...
  }}
  ...
/>