0xD34F

закрывающий тэг - на самом деле не закрывающий

Intersection Observer

например

array.reduceRight((acc, n) => ({ ...n, children: [ ...n.children, acc ] }), { ...obj })

const isEmpty = [...inputs].some(n => !n.value);

// или

const isEmpty = !Array.prototype.every.call(inputs, n => n.value);

// или

let isEmpty = false;
for (const n of inputs) {
  if (!n.value) {
    isEmpty = true;
    break;
  }
}

// или

let isEmpty = false;
for (let i = -1; ++i < inputs.length && !(isEmpty = !inputs[i].value);) ;

// или

const isEmpty = (function isEmpty(i) {
  return i < inputs.length && (!inputs[i].value || isEmpty(-~i));
})(0);

Сначала группируете данные:

const grouped = Object.entries(list.reduce((acc, n) => (
  (acc[n.part] = acc[n.part] || []).push(n.title),
  acc
), {}));

Потом можно html собрать:

document.body.insertAdjacentHTML('beforeend', grouped
  .map(([ k, v ]) => `<div>${k}</div>${v.map(n => `<div>${n}</div>`).join('')}`)
  .join('')
);

Или создать элементы напрямую:

document.body.append(...grouped.flat(2).map(n => {
  const div = document.createElement('div');
  div.innerText = n;
  return div;
}));

Сложите в массив идентификаторы элементов, которые надо скрыть: const ids = [ 10, 13, 15 ];.

Дальше есть варианты:

$(ids.map(n => `[data-property-id-row="${n}"]`).join(', ')).hide();

или

const elems = document.querySelectorAll(ids.map(n => `[data-property-id-row="${n}"]`));
for (let i = 0; i < elems.length; i++) {
  elems[i].style.display = 'none';
}

или

document.querySelectorAll('.form-group').forEach(function(n) {
  n.hidden = this.has(Number(n.getAttribute('data-property-id-row')));
}, new Set(ids));

или

.hidden {
  display: none;
}

for (const n of document.getElementsByClassName('form-group')) {
  n.classList.toggle('hidden', ids.includes(+n.dataset.propertyIdRow));
}

Всё срабатывает. Но вот из-за

$("#changeCityInput").bind("keyup change",

выпадающий список строится повторно: при клике на пункт списка после редактирования инпута последний теряет фокус, в результате возникает событие change.

Слушайте событие input:

$('#changeCityInput').on('input',

const getNestedData = (data, condition) => Object
  .values(data instanceof Object ? data : {})
  .reduce((acc, n) => (
    acc.push(...getNestedData(n, condition)),
    acc
  ), condition(data) ? [ data ] : []);


const objects = getNestedData(data, x => x && x.value > 0);

const checked = Array.from(document.querySelectorAll('.btn:checked'), n => n.value);
const filtered = arr.filter(n => checked.includes(n));

Перебираем массив от конца к началу, на каждом шаге создаём узел связного списка - в качестве значения используется текущий элемент массива, а следующим элементом списка будет выступать узел, полученный на предыдущем шаге:

const createList = arr => arr.reduceRight((acc, n) => ({ val: n, next: acc }), null);

или

function createList(arr) {
  let list = null;

  for (let i = arr.length; i--;) {
    list = {
      val: arr[i],
      next: list,
    };
  }

  return list;
}

Допустим, есть всего 10 слайдов.

• Производится попытка установить в качестве текущего слайд номер 14. Что делать? Очевидно, установить в качестве текущего четвёртый - остаток от деления изначально указанного номера на количество слайдов.
  
• Как установить минус второй (-2) слайд? - очевидно, это второй с конца, надо добавить количество слайдов, чтобы получить реальный номер.
  
• Зачем одновременно добавляется количество слайдов и берётся остаток? - чтобы один и тот же код корректно обрабатывал переходы из конца в начало и из начала в конец.
  

Вариант раз - кликнуть кнопку с помощью соответствующего метода:

button.addEventListener('click', () => {
  anotherButton.click();
});

Вариант два - отправить кнопке событие клика (если обработчик клика висит не на самой кнопке, а выше, то надо сделать событие всплывающим):

button.addEventListener('click', () => {
  anotherButton.dispatchEvent(new Event('click', { bubbles: true }));
});

Один и тот же массив помещаете в result. Делайте копию - замените .push(x) на .push([...x]).

А вообще, можно и покороче:

const pyramid = length => Array.from({ length }, (n, i) => Array(i + 1).fill(1));

str.match(/\((?=[^()]*,)[^()]*\)/)

const filterObject = (obj, values) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => (
    values.indexOf(v) !== -1 && (acc[k] = v),
    acc
  ), {});


const result = filterObject(a, b);

или

const filterObject = (obj, filter) =>
  Object.fromEntries(Object.entries(obj).filter(n => filter(...n)));


const result = filterObject(a, (k, v) => b.includes(v));

RegExp(`^\\d{0,${x}}$`, 'g')

Всё правильно. Если бы вы составили себе труд ознакомиться с документацией, то знали бы, что

Объект FileReader позволяет веб-приложениям асинхронно читать содержимое файлов

Так что console.log выполнять надо внутри обработчика load:

onFileChange({ target: { files: [ file ] } }) {
  if (file) {
    const reader = new FileReader();
    reader.addEventListener('load', e => {
      this.fileinput = e.target.result;
      console.log(this.fileinput);
    });
    reader.readAsText(file);
  }
},

const flat = arr =>
  (arr || []).reduce((acc, { children, ...n }) => {
    if (n.isExpanded || !children) {
      acc.push(n, ...flat(children));
    } else {
      acc.push({ ...n, children });
    }

    return acc;
  }, []);

UPD. Если вложенные уровни надо разворачивать несмотря на isExpanded: false у кого-то из предков уровнем выше родительского, то

const flat = arr =>
  (arr || []).reduce((acc, { children, ...n }) => {
    const flatChildren = flat(children);

    if (n.isExpanded || !children) {
      acc.push(n, ...flatChildren);
    } else {
      acc.push({ ...n, children: flatChildren });
    }

    return acc;
  }, []);

this.update = () => {
  const
    w = this.w / 2,
    h = this.h / 2;

  this.x = Math.max(w, Math.min(W - w, this.x + this.dx));
  this.y = Math.max(h, Math.min(H - h, this.y + this.dy));
}

если в ней нет tr столбцов

tr - это строки

$('table').show().not(':has(tbody tr)').hide();

или

for (const n of document.getElementsByTagName('table')) {
  n.hidden = !n.querySelector('tbody tr');
}

или

.hidden {
  display: none;
}

document.querySelectorAll('table').forEach(function(n) {
  n.classList.toggle('hidden', this(n.tBodies));
}, tBodies => Array.prototype.every.call(tBodies, n => !n.rows.length));