0xD34F

const SHOW_MORE = 3;
const itemSelector = '.item';
const hiddenClass = 'd-none';
const hiddenSelector = `.${hiddenClass}`;
const $show = $('.show');
const $hide = $('.hide');
const $items = $(itemSelector);

function updateButtons() {
  $show.toggleClass(hiddenClass, $items.filter(hiddenSelector).length === 0);
  $hide.toggleClass(hiddenClass, $items.not(hiddenSelector).length === SHOW_MORE);
}

$show.click(function() {
  $items.filter(hiddenSelector).slice(0, SHOW_MORE).removeClass(hiddenClass);
  updateButtons();
}).click();

$hide.click(function() {
  $items.slice(SHOW_MORE).addClass(hiddenClass);
  updateButtons();
});

Городить кучу проверок?

Зачем же. Складываем значения в ещё один массив: const arrs = [ arr1, arr2, arr3 ];. И тогда проверку можно будет написать один раз для всех:

const result = arrs.filter(Array.isArray).flat();

// или

const result = arrs.reduce((acc, n) => (
  n instanceof Array && acc.push(...n),
  acc
), []);

Коротко:

const isValid = arr =>
  arr.every(n => Object.values(n).every(m => !m.isRequired || m.value));

Длинно:

function isValid(arr) {
  for (const n of arr) {
    for (const k in n) {
      if (n.hasOwnProperty(k) && n[k].isRequired && !n[k].value) {
        return false;
      }
    }
  }

  return true;
}

Так чего надо-то? Говорите "массивы", показываете объекты.

Если исходные данные, как и показано, представлены объектами, то

Object
  .entries({ defaultTest, systemTest })
  .flatMap(([ k, { references, ...n } ]) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  })))

Если же это массивы (а сейчас показываются, соответственно, их элементы), тогда

Object
  .entries({ defaultTest, systemTest })
  .map(([ k, v ]) => v.map(({ references, ...n }) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  }))))
  .flat(2)

Скрытый выбранный option:

const setOptions = (el, options, placeholder) =>
  el.innerHTML =
    `<option hidden selected value="">${placeholder}</option>` +
    options.map(n => `<option>${n}</option>`).join('');

https://jsfiddle.net/hb9gz7ft/1/

Проверяем число, если однозначное - возвращаем 0; в противном случае возвращаем сумму единицы и результата рекурсивного вызова:

const multiply = num =>
  num > 9
    ? 1 + multiply([...`${num}`].reduce((acc, n) => acc * n))
    : 0;

<select id="event"></select>
<select id="dates"></select>

const events = [
  { name: '...', dates: [ ... ] },
  { name: '...', dates: [ ... ] },
  ...
];

const eventEl = document.querySelector('#event');
const datesEl = document.querySelector('#dates');

eventEl.innerHTML = events
  .map((n, i) => `<option value="${i}">${n.name}</option>`)
  .join('');

eventEl.addEventListener('change', function() {
  datesEl.innerHTML = events[this.value].dates
    .map(n => `<option>${n}</option>`)
    .join('');
});

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

const getDuplicates = (arr, key) => Array
  .from(arr.reduce((acc, { [key]: n }) => acc.set(n, -~acc.get(n)), new Map))
  .filter(n => n[1] > 1)
  .map(n => n[0]);


const duplicates = getDuplicates(arr, 1);

или

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


const duplicates = getDuplicates(arr, n => n[1]);

или

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


const duplicates = getDuplicates(arr.map(n => n[1]));

Не поможет ли lodash?

const duplicates = _(arr)
  .map(n => n[1])
  .groupBy()
  .filter(n => n.length > 1)
  .map(n => n[0])
  .value();

function fib(max) {
  const next = (p1, p2) => p2 <= max ? ',' + p2 + next(p1 + p2, p1) : '';
  return 0 + next(1, 1);
}

fib(0)   // "0"
fib(1)   // "0,1,1"
fib(10)  // "0,1,1,2,3,5,8"
fib(45)  // "0,1,1,2,3,5,8,13,21,34"
fib(100) // "0,1,1,2,3,5,8,13,21,34,55,89"

Нули проставляются по таймауту, а проверка состояния выполняется немедленно. То есть, сначала вы проверяете состояние поля, а уже потом появляется выигрышная комбинация.

https://jsfiddle.net/0sodx8b7/

UPD. Если копипастить разметку и считывать настройки из атрибутов, то так: https://jsfiddle.net/0sodx8b7/1/

Последовательно:

async function processData(data) {
  const result = [];

  for (const { id, k } of data) {
    result.push(k ? await api.getData(id) : id);
  }

  return result;
}

Параллельно:

function processData(data) {
  return Promise.all(data.map(({ id, k }) => k ? api.getData(id) : id));
}

{
  in: str.match(/(?<=\[).+?(?=\])/g),
  out: str.match(/(?<=^|\])[^\[]+/g),
}

for (const arr of [ arr1, arr2 /* и т.д., можете искать в любом количестве массивов */ ]) {
  const source = arr.find(n => n.id === target.id);
  if (source) {
    Object.assign(target, source);
    break;
  }
}

Не игнорируется.

Встречный вопрос - как один элемент может находиться сразу в двух местах? Нет-нет, можете не отвечать. Очевидно же, что никак. Чтобы добавлять одинаковые элементы в разные места, делайте копии:

function render(message) {
  const p = document.createElement('p');
  p.textContent = message;
  windowChatUser1.append(p);
  windowChatUser2.append(p.cloneNode(true));
}

Или вместо создания элементов собирайте разметку:

function render(message) {
  const html = `<p>${message}</p>`;
  windowChatUser1.insertAdjacentHTML('beforeend', html);
  windowChatUser2.insertAdjacentHTML('beforeend', html);
}

Работает. Но поскольку в момент инициализации всплывающее окно скрыто, то размеры получаются нулевыми. Плагин слушает изменение размеров окна, чтобы поддерживать размеры контейнера и содержимого в актуальном состоянии, так что добавьте в настройки magnificPopup'а:

callbacks: {
  open() {
    $(window).trigger('resize');
  },
},

Правильное. Ключи - всегда строки. Так что разницы между 0 и '0' нет. Хотите чтобы была - вместо простого объекта используйте Map.

Во-первых - срабатывает. Постарайтесь осознать разницу между "не срабатывает" и "срабатывает не так, как ожидалось".

Во-вторых, обработчик остаётся висеть потому, что

Удаление перехватывающего обработчика никак не затрагивает не-перехватывающюю версию этого же обработчика, и наоборот.

const mod = (a, b) => ((a % b) + b) % b;
// или
const mod = (a, b) => a - (b * Math.floor(a / b));

console.log([ 12, 367, -54, 789, -567 ].map(n => mod(n, 360)));

вместо arr[index] используйте arr[index % arr.length]