0xD34F

Кого надо посчитать: const className = 'qq-upload-file';.

Как получить элементы:

const elements = document.querySelectorAll(`.${className}`);
// или
const elements = document.getElementsByClassName(className);

Как извлечь из элемента его текстовое содержимое:

const getText = el => el.textContent;
// или
const getText = el => el.innerText;
// или (т.к., вложенных элементов нет)
const getText = el => el.innerHTML;

Как получить из коллекции элементов массив текстов:

const texts = Array.from(elements, getText);

// или

const texts = Array.prototype.map.call(elements, getText);

// или

const texts = [];
for (const n of elements) {
  texts.push(getText(n));
}

// или

const texts = [];
for (let i = 0; i < elements.length; i++) {
  texts[i] = getText(elements[i]);
}

Как посчитать количество уникальных элементов в массиве:

const uniqueCount = new Set(texts).size;

// или

const { size: uniqueCount } = new Map(texts.map(n => [ n, n ]));

// или

const [ uniqueCount ] = texts.reduce((acc, n) => {
  acc[0] += !(acc[1][n] = acc[1].hasOwnProperty(n));
  return acc;
}, [ 0, {} ]);

// или

const uniqueCount = texts.filter((n, i, a) => i === a.indexOf(n)).length;

Как получить input'ы:

const inputs = document.querySelectorAll('form input');
// или
const inputs = document.forms[0].elements;
// или
const inputs = document.querySelector('form').getElementsByTagName('input');

Как из input'а достать его name:

const getName = el => el.name;
// или
const getName = el => el.getAttribute('name');
// или
const getName = el => el.attributes.name.value;

Как собрать массив name'ов:

const names = Array.from(inputs, getName);

// или

const names = Array.prototype.map.call(inputs, getName);

// или

const names = [];
for (const n of inputs) {
  names.push(getName(n));
}

// или

const names = [];
for (let i = 0; i < inputs.length; i++) {
  names[i] = getName(inputs[i]);
}

const result = Object
  .entries(arr.reduce((acc, n, i) => ((acc[n] = acc[n] || []).push(i), acc), {}))
  .map(([ label, indexes ]) => indexes.length > 1 ? { 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[0].toUpperCase() + str.slice(1);
// или
str = str.replace(/^./, m => m.toUpperCase());
// или
str = Array.from(str, (n, i) => i ? n : n.toUpperCase()).join('');

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

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/

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...

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

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

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