0xD34F

const result =  Object
  .entries(arr.reduce((acc, n, i) => ((acc[n] = acc[n] || []).push(i), acc), {}))
  .map(n => n[1].length > 1 ? { label: n[0], indexes: n[1] } : n[0]);

если массив может содержать значения, которые, будучи различными, имеют одинаковый строковый эквивалент, то вместо обычного объекта используем Map:

const result = Array.from(
  arr.reduce((acc, n, i) => (acc.set(n, acc.get(n) || []).get(n).push(i), acc), new Map),
  ([ label, indexes ]) => ~-indexes.length ? { label, indexes } : label
);

const result = Object.values(arr.reduce((acc, n) => (
  (acc[n.ID] = acc[n.ID] || { ID: n.ID })[n.FIELD] = n.VALUE,
  acc
), {}));

setInterval(count => {
  const
    len = count.length,
    val = `${+count.map(n => n.textContent).join('') + 1}`.padStart(len, 0).slice(-len);

  count.forEach((n, i) => n.textContent = val[i]);
}, 50, [...document.querySelectorAll('.count')]);

https://jsfiddle.net/vtp4wqfo/

$('.img-wrapper').append(img);

Тут вы добавляете картинку сразу во все существующие wrapper'ы.
А надо в один конкретный.
Меняйте эту строку на

$(`.img-wrapper.d-${i + 1}`).append(img);

https://jsfiddle.net/x1b49vs2/

document.querySelectorAll('div[name] ul[name]').forEach(n => {
  if (n.getAttribute('name') !== n.closest('div[name]').getAttribute('name')) {
    n.remove();
  }
});

или

for (const n of document.querySelectorAll('div[name]')) {
  for (const m of n.querySelectorAll(`ul:not([name="${n.attributes.name.value}"])`)) {
    m.parentNode.removeChild(m);
  }
}

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