Сергей Соколов

Посмотрите, как сделана, например, библиотека jhlywa/chess.js

Разберитесь, попробуйте использовать. Затем приступайте к написанию своей, почерпнув какие-то идеи из готовой.

Live Expressions — можно наблюдать выражения «вживую». Достаточно тыкнуть глазик.

трюк в том, что функция inArray() возвращает ... ещё одну функцию, которую только что создала при вызове:

function inArray(arr) {
  const result = function(x) {
    // внутри этой функции будет ещё и доступен
    // arr, с которым вызвали inArray()
    return arr.includes(x);
  };

  return result;
}

Т.е. вызов inArray() с каким-то массивом возвращает всего лишь ещё одну функцию, которая принимает любой аргумент, но ещё и «запомнила» конкретный arr, с которым её создали.

В вашем примере создаётся функция с массивом: const myFilter = inArray([1, 2, 10]);это свежесозданная функция, которая для любого аргумента возвращает true/false — есть ли это же значение в массиве [1, 2, 10]

const maskCcNumber = num => {
  const str = num.toString();
  const length = str.length;
  const keep = 4;
  if (length < keep) return str;
  const star = '*';
  return str.substring(0, 4) + star.repeat(length - 4);
}

maskCcNumber(454511111111112) // 4545***********

Или в одну строчку

"454511111111112".replace(/(.{4})(.*)/, (_, p1, p2) => p1 + '*'.repeat(p2.length))

см. String.replace()

onClick={(e, item) => ...

так тут ожидается, что по клику передадут вторым аргументом item, но напрасно.

Попробуйте убрать его из аргументов: onClick={e => ...

Месяцы от 0 считаются.

const ddmmyyyyToDate = str => {
  const [d, m, y] = str.split('.');
  return new Date(y, m - 1, d);
}

Использование:

ddmmyyyyToDate('31.05.2022') 
// Date Tue May 31 2022 00:00:00 GMT+0300 (Moscow Standard Time)

Добавьте переменную флаг: let isOnceUsed = false;

В условии проверяйте, что она всё ещё false, и тут же устанавливайте её в true.

Вуаля! — такой велосипед сработает только раз.

У вас клик по div'у уже делает то же, что должна, вероятно, делать и кнопка плюс.
Почему бы не вынести это в отдельную функцию, которую и вызывать в обоих случаях.

Минус сделать можно по аналогии, заменив

-numbers += 1;
+numbers -= 1;

А потом можно избавиться от jQuery, переписать на чистом JavaScript; сделать всего одну функцию, где +1 или –1 это аргумент. Добавить призовую кнопку +100. И установить рекламу новых мышек, чтобы купить взамен перегревшейся )

Топорное решение с временным свойством для сортировки.

Сначала найти самый первый город – тот, который есть только в from, но отсутствует в to. От него пляшем по цепочке, добавляя инкрементируемое свойство для сортировки.
Сортируем, и удаляем временное свойство.

const allFrom = tickets.map(item => item.from);
const allTo = tickets.map(item => item.to);
let city = allFrom.filter(item => !allTo.includes(item)).pop(); // первый город
const w = Symbol(); // чтобы случайно не затереть существующее свойство
let i = 0;
let ticket;
while (ticket = tickets.find(t => t.from === city)) {
  ticket[w] = i++;
  city = ticket.to;
}

// ура! сортировка!
tickets.sort((a, b) => a[w] - b[w]);

tickets.forEach(t => delete t[w]);

const id = [...document.querySelectorAll('body > div')] // только div'ы в корне
  .filter(el => el.textContent === 'Bye, Wrld!') // если весь текст внутри совпадает с искомым
  .map(el => el.id) // взять id
  .pop(); // только последний

console.log(id) // "2"

const dupes = [ '9', '7', 'q', 'q', '9' ]
  .filter((item, _, arr) => arr.indexOf(item) !== arr.lastIndexOf(item));
// [ "9", "q", "q", "9" ]

Element.insertAdjacentHTML()

путаете индекс массива со свойством id в ваших объектах?

const indexArr = users.map(( item, index ) => item.index)

нет у item'а свойства "index". Тогда уж, возвращайте переданный index: (item, index) => index Впрочем, индексы выводить, скорее всего, не нужно — для чего печатать числа от 0 до N.

const fullNames = users.map( fullName ).filter(( item,  index, array ) => {
    return array.indexOf( item ) === index
})

Что здесь происходит: сначала из массива объектов через метод массива .map() создаётся новый массив, состоящий только из полных имён. Функцию fullName() вы не привели в вопросе, но скорее всего, она из item'а делает строку item.name + ' ' + item.lastName

Далее, этот массив фильтруется – остаются только те имена, для которых их индекс в массиве равен индексу первого найденного такого же имени.

Например
массив ['Вася', 'Оля', 'Вася']
Поиск имени "Вася" вернёт 0 - в нулевой позиции он нашёлся. Для первого Васи это ок, он останется. Зато для третьего Васи индекс будет 2, а поиск вернёт всё тот же 0. Так как 2 !== 0, дубликат-Вася вылетает и не попадает в результат.

можно через Math.atan2() посчитать угол из центра на мышку.
Зная угол — найти конец линии фиксированной длины length под этим углом:

const { documentElement: el } = document;
const [cx, cy] = [el.clientWidth / 2, el.clientHeight / 2];
const angle = Math.atan2(y - cy, x - cx);
const length = 50;
const [bx, by] = [cx + length * Math.cos(angle), cy + length * Math.sin(angle)];
// рисуем линию из (cx, cy) в (bx, by)

P.S. Раз у вас логика от центра канвы, может быть удобнее однажды сделать ctx.translate(width/2, height/2) — и центр (0, 0) теперь будет в центре холста.