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

С let на каждой итерации создаётся окружение.

См. ECMASCript CreatePerIterationEnvironment( perIterationBindings )

Можно так переписать:

for(var i = 0; i < 3; i++) {
  let j = i; // доступна только на этой итерации в этом блоке
  setTimeout(() => console.log(j), 0);
}
/*
0
1
2
*/

"Z" прикрепляется же к самому первому "promise". На том же «уровне», что и "X"

По событию "input" на любом из селектов вызывать функцию проверки. Она возьмёт значения обоих и проверит условие.

Не показали HTML-разметку. Где там элемент canvas, с какими атрибутами?
По умолчанию у элемента размеры 300х150. Стилями вы его растягиваете до 450х450, вот он и вытягивается, изумлённо, по вертикали.

Поможет указать размер: <canvas width="450" height="450"></canvas>

p.s. толщина линий по краям canvas будет вполовину меньше от остальных, т.к. пол-линии оказывается за кадром.

Возиться с разметкой как с текстом – неудобно.

Поэтому можно вставлять принятую разметку в невидимый узел, оттуда забирать по id искомую таблицу.

Перевести в число, и если перевелось,
(>= 1111 И <= 9999) ИЛИ (> 111111 И <= 999999)
p.s. Это был дурной совет. Не пройдёт скажем валидный пин "0000"

const arr2 = arr.slice(); // копия исходного массива
arr2.reduce((acc, c, i, arr) => arr[i] = acc + '-' + c); // результат reduce() не нужен, важен процесс )

arr2 // [ "media-center", "media-center-events", "media-center-events-current-events" ]

Разобрались в комментариях:

Joomla компонент RSForm!Pro, используемый на сайте, конфигурируется через веб-админку Joomla. В частности, созданные формы назначаются на пункты меню.

const getUser = (sessionStartDate) => arr.filter((user) => !user.sessions.some(session => session.startDate === sessionStartDate ));

const elements = [...document.querySelectorAll('input.my_class')]; // массив
const ids = elements.map(() => Math.random().toString(36).substring(2)); // случайные строки
elements.forEach((el, i) => el.id = ids[i]); // назначить эти id соотв. элементам

«Но.. зачем?!»

Наследуемое свойство или метод.
Подробно: Наследование и цепочка прототипов

const bindFunction = (F, ...args) => F.bind(null, ...args);

arr.filter((item) => arr2.includes(item.strategy))

/*
[
  {
    "ticker": "SPY",
    "strategy": "OLD",
    "broker": "OOH"
  },
  {
    "ticker": "SPY",
    "strategy": "LOG",
    "broker": "FOR"
  }
]
*/

Вариант А. считать в конструкторе, как предложил Lynn «Кофеман» Такой вариант не учитывает удалённые объекты класса. Метода desctructor() в ECMAScript 6 не предусмотрено.

class Menu {
  static counter = 0;

  constructor(name) {
    this.name = name;
    ++Menu.counter;
  }
}

menu1 = new Menu("меню1");
menu2 = new Menu("меню2");
menu3 = new Menu("меню3");
menu4 = new Menu("меню4");

delete menu1;

console.log(Menu.counter); // 4

Вариант Б. Полагаться на родителя, хранящего ссылки на созданные инстансы. В данном случае это глобальный window. Тоже не лучший вариант, т.к. мало ли, где в коде содержатся ссылки на созданные объекты. Может, в анонимных функциях, вызванных по таймеру.

let count = 0;
for (obj in this) { // в примере this === window
  if (this[obj] instanceof Menu) ++count;
}
console.log(count); // 4