0xD34F

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

// если элементы с отсутствующим номером квартиры должны оказаться
// в начале, а не в конце, то вместо Infinity надо поставить 0
const sortedArr = sorted(
  arr,
  n => +(n.address.match(/кв.\s*(\d+)/) || [ Infinity ]).pop()
);

Рекурсия, конечно же. Функция принимает ul и текущий уровень. Берутся все элементы до следующего с текущим уровнем, оборачиваются в ul, затем следует рекурсивный вызов: свежесозданный ul, текущий уровень + 1.

Например - это если как вы хотели делать, что некорректно, т.к. получается, что ul содержит дочерние ul:

function wrap(ul, level = 0) {
  const
    currLevel = `.level-${level}`,
    nextLevel = `.level-${level + 1}:first`;

  let $li = null;
  while (($li = $(ul).children(nextLevel)).length) {
    const $ul = $('<ul></ul>');
    $ul.append($li.nextUntil(currLevel).addBack().last().after($ul).end());
    wrap($ul, level + 1);
  }
}

Правильно будет добавлять новые ul в li текущего уровня, находящиеся перед элементами следующего уровня:

function wrap(ul, level = 0) {
  const
    currLevel = `.level-${level}`,
    nextLevel = `.level-${level + 1}:first`;

  let $li = null;
  while (($li = $(ul).children(nextLevel)).length) {
    const $ul = $('<ul></ul>');
    $li.prev().append($ul);
    $ul.append($li.nextUntil(currLevel).addBack());
    wrap($ul, level + 1);
  }
}

Получение логического эквивалента значения. Оператор логического отрицания применяется дважды, например:

!!187 -> !false -> true
!!NaN -> !true -> false

Тот же результат даст Boolean(значение).

for (let i = arr.length; i--;) {
  const exists = arr.hasOwnProperty(i);
  if (exists || !i) {
    arr.length = i + exists;
    break;
  }
}

или

for (let i = arr.length; i-- && !(i in arr); arr.pop()) ;

MutationObserver

Никак. Строки в js иммутабельны. Создавайте новую:

str = str.charAt(0).toUpperCase() + str.slice(1);
// или
str = str.replace(/^./, m => m.toUpperCase());
// или
str = Array.from(str, (n, i) => i ? n : n.toUpperCase()).join('');
// или
str = (([ c = '', ...str ]) => c.toUpperCase().concat(...str))(str);

Сложить допустимые значения в массив, посмотреть, присутствует ли в этом массиве проверяемое значение:

const names = [ 'DIV', 'P', 'SPAN', ... ];
if (names.includes(el.nextSibling.nodeName)) {
  ...

Получить значение атрибута; получить индекс значения атрибута в массиве; если индекс равен -1 - добавить значение в массив, в противном случае - удалить:

const active = [];

document.addEventListener('click', ({ target: t }) => {
  const value = t.dataset['data-атрибут'];
  if (value) {
    const index = active.indexOf(value);
    if (index === -1) {
      active.push(value);
    } else {
      active.splice(index, 1);
    }
  }
});

Правда, не очень понятно, зачем такие сложности. Можно при клике переключать класс, и когда возникнет необходимость в значениях атрибутов, достать их из элементов, имеющих класс:

document.addEventListener('click', ({ target: t }) => {
  if (t.dataset['data-атрибут']) {
    t.classList.toggle('active');
  }
});

const active = Array
  .from(document.querySelectorAll('.active'), n => n.dataset['data-атрибут'])
  .join(', ');

https://jsfiddle.net/uqh4xenr/

const merge = (...arrs) => [...arrs
  .flat()
  .reduce((acc, n) => {
    const { name: k, value: v } = n;
    const obj = acc.set(k, acc.get(k) || {...n}).get(k);
    obj.value = +v === v ? v : obj.value;
    return acc;
  }, new Map)
  .values()
];

const third = merge(first, second);

https://codepen.io/anon/pen/aeoYXY

Что знаем и что хотим узнать:

const sourceKey = 'population';
const sourceVal = 2870528;
const targetKey = 'name';

Узнаём:

const [ val ] = jp.query(cities, `$[?(@.${sourceKey} == ${sourceVal})].${targetKey}`);

Одно непонятно - зачем тут jsonpath? Без него проще:

const val = (cities.find(n => n[sourceKey] === sourceVal) || {})[targetKey];

Потому что

'use strict';

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Может кто то знает как решить эту проблему?

Это не проблема. Всё так, как и должно быть.

Синусы, косинусы, перевод из градусов в радианы. Например.

Элементы output - вместо id назначьте им класс.

document.addEventListener('change', function(e) {
  if (e.target.type === 'radio') {
    e.target.closest('form').querySelector('.output').textContent = e.target.value;
  }
});

const duplicates = Array
  .from(arr.reduce((acc, n) => acc.set(n.id, acc.has(n.id)), new Map))
  .reduce((acc, n) => (n[1] && acc.push(n[0]), acc), []);

// или

const duplicates = arr.reduce((acc, { id }) => (
  (acc[1][id] = -~acc[1][id]) === 2 && acc[0].push(id),
  acc
), [ [], {} ])[0];

// или

const duplicates = [...arr
  .reduce((acc, n) => (acc[+acc[0].has(n.id)].add(n.id), acc), [ new Set, new Set ])
  .pop()
];

// или

const duplicates = arr
  .map(n => n.id)
  .filter((n, i, a) => i !== a.indexOf(n))
  .filter((n, i, a) => i === a.indexOf(n));

// или

const duplicates = arr.reduce((acc, { id: n }, i, a) => (
  !acc.includes(n) && i !== a.findIndex(m => m.id === n) && acc.push(n),
  acc
), []);

Определяем класс, задающий другой цвет:

.active
  background-color: #77b97e
  color: #fff

  &:hover
    background-color: #99db8f

Переключаем этот класс:

document.addEventListener('click', ({ target: { classList: cl } }) =>
  cl.contains('calendar__mounth-day') && cl.toggle('active')
);

ИЛИ

Без js. Исправляем разметку - делаем значения атрибутов id у чекбоксов и for у label'ов такими, чтобы клик по label'у переключал состояние чекбокса. Т.е., одинаковыми для пары из чекбокса и соответствующего ему label'а, уникальными для каждой из пар.

Затем раскрашиваем label'ы, являющиеся соседями отмеченных чекбоксов:

.calendar__mounth-list input:checked + label
  background-color: #77b97e
  color: #fff

  &:hover
    background-color: #99db8f

А чо, сделать её параметром fetchSuccess'а - нет, никак?

Неужели так трудно документацию было открыть? Так же всё написано.

$('.slider').slider('values', [ thisfrom, thisto ]);

UPD. Если одновременно выбраны "от 3 до 7" и "от 15 до 50", например - отобразить подобное не выйдет, интервал не должен иметь разрывов. Очевидно, вместо чекбоксов должны быть радиокнопки.

UPD. https://jsfiddle.net/mzqcLn8a/

Складываете цвета в массив:

const colors = [ 'red', 'orange', 'yellow', 'green', 'aqua', 'blue', 'magenta' ];

Объявляете переменную - индекс текущего цвета:

let index = -1;

По событию mouseenter делаете индексу + 1 и меняете цвет background'а:

hoverEl.addEventListener('mouseenter', () => {
  index = (index + 1) % colors.length;
  colorEl.style.backgroundColor = colors[index];
});

https://jsfiddle.net/3gh7t2jz/

const results = await Promise.all(gid.map(id => parseID(id)));