0xD34F

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

$("#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;
}

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

const createList = (arr, i = 0) =>
  i < arr.length
    ? ({ val: arr[i], next: createList(arr, i + 1) })
    : null;

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

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

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

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

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

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

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

Или, вместо дополнения существующего массива собирайте на каждой итерации новый массив - уносим объявление внутрь цикла, вместо одного push'а выполняем несколько:

function pyramid(n) {
  const result = [];

  for (let i = 0; ++i <= n;) {
    const x = [];
    for (let j = 0; ++j <= i; x.push(1)) ;
    result.push(x);
  }

  return result;
}

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

const pyramid = length => Array.from({ length }, (_, 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;
  const 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));
};

UPD. Вопрос конечно был не об этом, но почему бы не сократить обработчики событий? - а то сейчас просто жуть какая-то.

document.addEventListener('keydown', e => {
  switch (e.key) {
    case 'ArrowLeft':  pl.dx = -pl.speed; break;
    case 'ArrowRight': pl.dx =  pl.speed; break;
    case 'ArrowUp':    pl.dy = -pl.speed; break;
    case 'ArrowDown':  pl.dy =  pl.speed; break;
  }
});

document.addEventListener('keyup', e => {
  switch (e.key) {
    case 'ArrowLeft':
    case 'ArrowRight': pl.dx = 0; break;
    case 'ArrowUp':
    case 'ArrowDown':  pl.dy = 0; break;
  }
});

const tableId = 'news';
const trSelector = 'tbody tr';

Вот jquery:

$(`#${tableId}`).show().not(`:has(${trSelector})`).hide();

// или

const $table = $('[id="' + tableId + '"]');
$table.toggle(!!$table.find(trSelector).length);

А вот jquery нет:

(t => t.hidden = !t.querySelector(trSelector))
(document.querySelector('#'.concat(tableId)));

// или (в стили надо будет добавить .hidden { display: none; })

const table = document.getElementById(tableId);
table.classList.toggle('hidden', Array.prototype.every.call(
  table.tBodies,
  n => !n.rows.length
));

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

#news:not(:has(tbody tr)) {
  display: none;
}

const attacks = [
  { minChance: 7, damage: 40, name: 'critical' },
  { minChance: 5, damage: 20, name: 'big' },
  { minChance: 0, damage: 10, name: 'weak' },
];

const messages = {
  start: (player, enemy) => `Welcome! Yor health is - ${player}%, your enemy health - ${enemy}%`,
  end: (player, enemy) => `You ${enemy <= 0 ? 'win' : 'lost'}! Your hp level - ${player}, opponents hp level - ${enemy}`,
  chance: (player, enemy) => `your chance - ${player}, your opponent chance - ${enemy}`,
  turn: (player, enemy, hit, isEnemy) =>
`${isEnemy ? 'Enemy' : 'Your'} turn...
${isEnemy ? 'Enemy' : 'You'} did a ${hit} hit
${isEnemy ? 'Your' : 'Enemy'} hp - ${isEnemy ? player : enemy}`,
};


const simpleFight = () => {
  const hp = [ 100, 100 ];

  console.log(messages.start(...hp));

  while (hp.every(n => n > 0)) {
    const chances = hp.map(() => Math.random() * 11 | 0);

    console.log(messages.chance(...chances));

    if (chances[0] !== chances[1]) {
      const chance = Math.max(...chances);
      const attack = attacks.find(n => n.minChance < chance);
      const isEnemyAttacks = chance === chances[1];
      hp[+!isEnemyAttacks] -= attack.damage;

      console.log(messages.turn(...hp, attack.name, isEnemyAttacks));
    }
  }

  console.log(messages.end(...hp));
};

const sum = str.match(/\d+/g).reduce((acc, n) => acc + +n, 0);

// или

let sum = 0;
for (const n of str.split(/\D+/)) {
  sum += Number(n);
}

// или

const sum = eval(str.replace(/\|(\d+)\|/g, '+$1'));

preg_match_all('/\d+/', $str, $matches);
$sum = array_sum($matches[0]);

// или

$sum = 0;
foreach (preg_split('/\D+/', $str) as $n) {
  $sum += intval($n);
}

// или

eval('$sum = '.preg_replace('/\|(\d+)\|/', '+$1', $str).';');

id="mse2_ms|price_0"

Указывайте id не через #, а как значение атрибута, т.е. [id="mse2_ms|price_0"].

const values = (arr[0] || [])
  .filter(n => arr.every(m => m.includes(n)))
  .filter((n, i, a) => i === a.indexOf(n));

или

const values = (([ set, ...sets ]) => {
  return set ? [...set].filter(n => sets.every(m => m.has(n))) : [];
})(arr.map(n => new Set(n)));

или

const values = Array
  .from(arr
    .flatMap(n => [...new Set(n)])
    .reduce((acc, n) => acc.set(n, (acc.get(n) || 0) + 1), new Map))
  .reduce((acc, n) => ((n[1] === arr.length) && acc.push(n[0]), acc), []);

или

const values = Array
  .from(arr.reduce((acc, n) => (
    n.forEach(m => acc.set(m, acc.get(m) || new Set).get(m).add(n)),
    acc
  ), new Map))
  .reduce((acc, n) => (n[1].size === arr.length && acc.push(n[0]), acc), []);

UPD. Наконец-то дождались:

const values = [...arr.reduce((acc, n) => (
  n = new Set(n),
  acc.intersection?.(n) ?? n
), [])];

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

const countryEl = document.querySelector('#country');
const cityEl = document.querySelector('#city');

countryEl.innerHTML = data
  .map(n => `<option value="${n.id}">${n.country}</option>`)
  .join('');

countryEl.addEventListener('change', function() {
  cityEl.innerHTML = data
    .find(n => n.id === this.value)
    .cities
    .map(n => `<option value="${n.id}">${n.city}</option>`)
    .join('');
});

countryEl.dispatchEvent(new Event('change'));

const last = promises => new Promise((resolve, reject) => {
  let pending = promises.length;

  if (!pending) {
    resolve();
  } else {
    promises.forEach(n => n
      .then(result => --pending || resolve(result))
      .catch(error => --pending || reject(error))
    );
  }
});