0xD34F

выводит побуквенно

const newArr = [];

for (const n of arr) {
  const [ us, s ] = n.us.split('-').map(n => n.split('_').map(Number));

  newArr.push({
    ...n,
    us: arr1.filter(n => us.includes(n)),
    s,
  });
}

const newArr = arr.map(function(n) {
  const us = n.us.match(/\d+/g).map(n => +n);
  const s = us.splice(-1);

  return {
    id: n.id,
    us: this(us),
    s,
  };
}, us => arr1.filter(Set.prototype.has.bind(new Set(us))));

const newStr = str.replace(/\d+$/, m => -~m);

// или

const i = str.lastIndexOf('_') + 1;
const newStr = str.slice(0, i) + (+str.slice(i) + 1);

// или

const newStr = str
  .split('__')
  .map((n, i, a) => ++i === a.length ? ++n : n)
  .join('__');

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

.hidden {
  transform: scale(0);
}

.item {
  transition: transform 0.5s;
}

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

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);
  }
});

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

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]]);

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

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, можно найти соответствующий объект
    ...

class Point {
  x: number;
  y: number;

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