0xD34F

Object.entries(str.split('').reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {}))

или

[...[...str].reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map)]

или

Object.values(str).sort().join('').match(/(.)\1*/g)?.map(n => [ n[0], n.length ]) ?? []

или

Array.from(new Set(str), n => [ n, str.split(n).length - 1 ])

const result = Object.values(runs.reduce(
  (acc, n) => (acc[n.projectId]?.description.push(n), acc),
  Object.fromEntries(projects.map(n => [ n.id, { ...n, description: [] } ]))
));

или

const result = projects.map(function(n) {
  return {
    ...n,
    description: this[n.id] ?? [],
  };
}, runs.reduce((acc, n) => ((acc[n.projectId] = acc[n.projectId] ?? []).push(n), acc), {}));

или

const result = projects.map(n => ({
  ...n,
  description: runs.filter(m => m.projectId === n.id),
}));

Отсортировать существующий массив:

users.sort((a, b) => (a.age ?? Infinity) - (b.age ?? Infinity));

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

const sortedUsers = Object
  .values(users.reduce((acc, n) => ((acc[n.age] = acc[n.age] ?? []).push(n), acc), {}))
  .flat();

// или

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


const sortedUsers = sorted(users, n => n.age ?? Infinity);

const unique = Object.values(arr.reduce((acc, n) => (acc[n.name] = n, acc), {}));

const names = unique.map(({ name }, i) => ({ id: -~i, name }));
const ages = unique.map((n, i) => ({ id: i + 1, age: n.age }));

или

const extractUnique = (arr, idKey, keys) =>
  arr.reduce((acc, n) => {
    if (!acc[1].has(n[idKey])) {
      const id = acc[1].add(n[idKey]).size;
      keys.forEach((k, i) => acc[0][i].push({ id, [k]: n[k] }));
    }

    return acc;
  }, [ keys.map(() => []), new Set ])[0];


const [ names, ages ] = extractUnique(arr, 'name', [ 'name', 'age' ]);

<select id="city"></select>
<select id="warehouse"></select>

const citySelect = document.querySelector('#city');
const warehouseSelect = document.querySelector('#warehouse');

citySelect.addEventListener('change', function() {
  updateSelectOptions(warehouseSelect, {
    calledMethod: 'getWarehouses',
    methodProperties: {
      CityName: this.value,
    },
  });
});

updateSelectOptions(citySelect, {
  calledMethod: 'getCities',
  methodProperties: {
    FindByString: '',
  },
});



function updateSelectOptions(selectEl, queryData) {
  fetch('https://api.novaposhta.ua/v2.0/json/', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      modelName: 'Address',
      apiKey: '',
      ...queryData,
    }),
  })
    .then(r => r.json())
    .then(r => selectEl.innerHTML = r.data
      .map(n => `<option>${n.Description}</option>`)
      .join('')
    );
}

https://jsfiddle.net/2867umjz/

const includes = (a, b) => Object.entries(b).every(([ k, v ]) => Object.is(v, a[k]));
const check = (a, b) => Object.values(a).some(n => includes(n, b));

const result = check(parent, { a: '1', b: '1' });

new URL(string).searchParams.get('list')

// или

Object.fromEntries(string.split('?').pop().split('&').map(n => n.split('='))).list

// или

string.match(/(\?|&)list=(.+?)(&|$)/)?.[2]

const wrapper = document.querySelector('.block');
const blockSelector = '.block_one';
const activeClass = 'active';

wrapper.addEventListener('mouseover', onHover);
wrapper.addEventListener('mouseout', onHover);

function onHover({ type, target }) {
  const block = type === 'mouseover' && target.closest(blockSelector);
  this.querySelectorAll(blockSelector).forEach(n => {
    n.classList.toggle(activeClass, !!block && n !== block);
  });
}

UPD. Наконец-то дождались, теперь можно без js задачу решить:

.block:has(.block_one:hover) .block_one:not(:hover) {
  /* сюда переносим стили того класса, который через js добавлялся */
}

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

Если переменной нет, она будет искаться во внешних областях видимости. И если ни в одной из внешних областей видимости переменной с таким именем нет, будет создана глобальная переменная. То есть, у вас при первом вызове popUp создаётся глобальная переменная elem_obj, а при последующих вызовах обновляется её значение.

document.querySelectorAll('.number').forEach(n => {
  n.innerText = n.innerText.replace(/\d+/g, m => (+m).toLocaleString());
});

или

for (const n of document.getElementsByClassName('number')) {
  n.textContent = n.textContent.replace(/\d(?=(\d{3})+(\D|$))/g, '$& ');
}

fetch('https://api.novaposhta.ua/v2.0/json/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    modelName: 'Address',
    calledMethod: 'getWarehouses',
    methodProperties: {
      CityName: document.querySelector('.myCityName').textContent,
    },
    apiKey: '',
  }),
})
  .then(r => r.json())
  .then(r => {
    document.querySelector('.mySelect').innerHTML = r.data
      .map(n => `<option>${n.Description}</option>`)
      .join('');
  });

setInterval(tesla.moveRight,30)

Контекст теряете, при вызовах moveRight значением this у него внутри будет вовсе не tesla.

Какие есть варианты исправления данного косяка:

1. Привязывать контекст при передаче метода в setInterval:
   
   setInterval(tesla.moveRight.bind(tesla), 30)
   
   
2. Передавать в setInterval не сам метод, а функцию-обёртку, где метод будет вызываться в правильном контексте:
   
   setInterval(() => tesla.moveRight(), 30)
   
   
3. Сделать Car классом, а метод moveRight объявить с использованием синтаксиса стрелочных функций:
   
   

   class Car {
     ...
   
     moveRight = () => {
       ...
     }
   }

   
   В этом случае привязка контекста будет выполнена автоматически при создании экземпляра класса, и вызов setInterval'а можно будет оставить в неизменном виде.
   
   

Если ознакомиться с тем, что представляет собой свойство style, то можно узнать, что оно

используется для получения и установки инлайновых стилей

Вы пытаетесь получить инлайновый стиль? Нет. Ну и всё.

Используйте getComputedStyle.

работает он наоборот

потому что ^

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .map(([ v, c ]) => c === 1 ? v : Array(c).fill(v));

или

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] === n || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), [])
  .map(n => n.length === 1 ? n[0] : n);

или

const result = arr.reduce((acc, n, i, a) => {
  const prev = n === a[i - 1];
  const next = n === a[i + 1];
  !prev && next && acc.push([]);
  (prev || next ? acc[acc.length - 1] : acc).push(n);
  return acc;
}, []);

Array.from({ length: 48 }, (n, i) => {
  const d = new Date(0, 0, 0, 0, 30 * i);
  return d.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' });
})

str.replace(/^https?:\/\/|\/$/g, '')

Добавьте input'у внутри элемента .findreg такие же обработчики событий focus и blur, как у .reg. Типа так.

Потому что вы копируете всё, что есть в момент копирования.

Сделайте копию того, что есть изначально, и копируйте эту копию:

const $sample = $('.add-pass-group').clone();

$('.add-napr').on('click', e => $(e.target).before($sample.clone()));