0xD34F

Зачем искать какие-то совпадения внутри строк? Вырезаете нужный кусок и проверяете его наличие в массиве:

const getFreeDomainsCount = arr => arr
  .map(n => n.split('@')[1])
  .filter(n => freeEmailDomains.includes(n))
  .reduce((acc, n) => (++acc[n], acc), Object.fromEntries(freeEmailDomains.map(n => [ n, 0 ])));

const obj = arr.find(n => n.id === newObj.id);
if (obj) {
  Object.assign(obj, newObj);
} else {
  arr.push(newObj);
}

Ожидаю увидеть в консоли name is not defined

для подобных ожиданий оснований нет

PHPSESSID=(.*?);

Погуглите, в чём разница между жадными и ленивыми квантификаторами.

Скрыть элементы через задание им нулевого размера:

.hidden {
  transform: scale(0);
}

Чтобы появлялись плавно, добавить transition:

.item {
  transition: transform 0.5s;
}

Когда надо элементы показать, снять класс:

document.querySelectorAll('.item').forEach(n => n.classList.remove('hidden'));

https://jsfiddle.net/dgo3jmsa/

mounted() {
  this.cropper = new Cropper(this.$refs.image, {
    zoomable: false,
    scalable: false,
    aspectRatio: 1,
  });
},
methods: {
  selectFile(e) {
    const file = (e.target.files || e.dataTransfer.files)[0];
    if (file) {
      const reader = new FileReader();
      reader.onload = e => this.cropper.replace(e.target.result);
      reader.readAsDataURL(file);
    }
  },
},

img.onload = () => canvas.getContext('2d').drawImage(img, 0, 0);

let
  map = null,
  marker = null;

document.addEventListener('click', function(e) {
  if (!e.target.classList.contains('contacts__address--link')) {
    return;
  }

  e.preventDefault();

  const
    addressData = e.target.closest('.js-address').dataset,
    coord = [ addressData.longtitude, addressData.latitude ];

  if (!map) {
    map = new ymaps.Map('map', {
      center: coord,
      zoom: 17,
    });

    marker = new ymaps.Placemark(coord);

    map.geoObjects.add(marker);
    map.behaviors.disable('scrollZoom');
  } else {
    map.setCenter(coord);
    marker.geometry.setCoordinates(coord);
  }
});

Сгруппировать arr2 по значениям parent_id:

const groupedArr2 = arr2.reduce((acc, n) => {
  (acc[n.parent_id] = acc[n.parent_id] || []).push(n);
  return acc;
}, {});

Дальше можно обновить существующий arr1:

arr1.forEach(n => n.arr2 = groupedArr2[n.id] || []);

Или собрать новый:

const newArr1 = arr1.map(n => ({ ...n, arr2: groupedArr2[n.id] || [] }));

.setCoordinates([clk_coords[0] + ', ' + clk_coords[1]]);

Передаёте в setCoordinates массив, состоящий из одной строки.

А должен быть массив из двух чисел. Который у вас уже есть: .setCoordinates(clk_coords);.

$('.modification').on('change', function() {
  const sum = $('[type="radio"]:checked', this)
    .siblings('.radio__text')
    .get()
    .reduce((acc, n) => acc + +$(n).text(), 0);

  $('p span').text(sum);
}).trigger('change');

или

const container = document.querySelector('.modification');

container.addEventListener('change', e => {
  const sum = Array.prototype.reduce.call(
    e.currentTarget.querySelectorAll('[type="radio"]:checked'),
    (acc, n) => acc + +n.closest('.radio').querySelector('.radio__text').innerText,
    0
  );

  document.querySelector('p span').innerText = sum;
});

container.dispatchEvent(new Event('change'));

Во-первых, не change - v-model по умолчанию слушает событие input (если хотите, чтобы использовалось change, добавьте модификатор lazy).

Во-вторых, dispatchEvent.

Что, не хочет добавляться обработчик? Видимо, такой возможности не предусмотрено в 2gis api. Давайте закостылим - добавим его нативными средствами. Ну, почти. Так как элемент popup'а создаётся при его первом открытии, понадобится однократно срабатывающий обработчик popupopen, в котором будет выполняться назначение обработчика dblclick.

Добавляете компоненту методы:

methods: {
  onPopupOpen(e) {
    e.target
      .getPopup()
      .getElement()
      .querySelector('.leaflet-popup-content-wrapper')
      .addEventListener('dblclick', this.onPopupDblClick);
  },
  onPopupDblClick(e) {
    const
      id = +e.currentTarget.querySelector('[data-id]').dataset.id,
      // теперь, зная id, можно найти соответствующий объект
    ...

А создаваемым маркерам обработчик:

.once('popupopen', this.onPopupOpen)

https://jsfiddle.net/3jz059mb/

class Point {
  x: number;
  y: number;

  // дальше всё по-старому, constructor и т.д.

Так как получать элемент вы собираетесь внутри обработчика события, возникающего на этом элементе, то ничего искать не надо, всё уже есть - event.target. Надо только (так как обработчик делегированный) убедиться, что событие случилось действительно на одном из интересующих вас элементов (раз это textarea, то, например, путём проверки свойства tagName у целевого элемента).

Конструктор поддерживает инициализацию сразу нескольких экземпляров, так что просто укажите первым параметром селектор, который будет соответствовать сразу всем пяти корневым элементам ваших слайдеров.

function recursive(&$input) {
  $closure = function(&$input) use (&$closure) {
    foreach ($input as $key => &$value) {
      if (is_array($value)) {
        $closure($value);
      } else {
        echo $value;
      }
    }
  };

  $closure($input);
}

Метод val умеет принимать в качестве параметра не только значение, но и функцию, которая принимает текущее значение и должна вернуть новое:

$(this).parent().find('input').val((i, v) => v - 1);

А можно и отказаться от jquery. Так ещё короче получится (конечно, если все нужные элементы гарантированно есть, т.е., не надо проверять их наличие):

this.parentNode.querySelector('input').value--;

Есть такой плагин, например. Заставить работать совместно с react'ом - элементарно.

Или вот готовый реактовский компонент.

.on('beforeChange', function(e, { slideCount: c }, curr, next) {
  const selector = shift => `[data-slick-index="${next + shift * c}"] .slide`;

  $('.slide.color', this).removeClass('color');
  $([ 0, 1, -1 ].map(selector).join(', '), this).addClass('color');
})