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

Документация (только англоязычная версия) вроде бы, исчерпывающе объясняет:

The for...in statement iterates over all enumerable properties of an object
that are keyed by strings
(ignoring ones keyed by Symbols),
including inherited enumerable properties.

Ожидаются свойства-строки. Map заточен под другое и позволяет использовать в качестве ключей что угодно, в том числе объекты. Значения добавленные в Map – это не его свойства в привычном смысле.

Map, как и «всё в JavaScript» — объект. Поэтому можно взять и назначить ему свои свойства. Вот они вполне себе попадут в перечислёж for..in:

const m = new Map();
m.set({}, 'obj');
m.set('a', 'A');

// это другое
m.b = 'B';

for (let prop in m) {
  console.log('property', prop);
}

// property b

const { duration } = filter;

setFilter({
  ...filter,
  [ ...duration, 1, 2, 3 ], // добавили в массив 1, 2 и 3
});

// теперь state станет
// { type:"", duration: [1, 2, 3] }

[...Collection.values()].sort((a, b) => a.guild.raw - b.guild.raw).pop()

Я так понял, дан объект Map. Привести его значения к массиву. Отсортировать по значению guild.raw по возрастанию. Взять последний объект – он с наибольшим значением raw.

Это не самый эффективный способ: проделывается много ненужных сравнений. Запись короткая, других преимуществ нет.

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

[...Collection.values()]
  .reduce((max, current) => max.guild.raw > current.guild.raw ? max : current)

На learn.javascript, например, неплохо написали:

Стрелка => ничего не привязывает. У функции просто нет this.
При получении значения this – оно, как обычная переменная, берётся из внешнего лексического окружения.

В вашем примере с литералом объекта можно добавить для понимания:

const obj = {
  w() {
    console.log('w', this);
  },
  x: function () {
    console.log('x', this);
  },
  y: this,
  z: () => {
    console.log('z', this);
  },
};

obj.w(); // obj
obj.x(); // obj
console.log('y', obj.y); // Window
obj.z(); // Window

Запись литерала объекта не создаёт свой контекст: на момент записи this тот же, что и снаружи:

const a = this; // Window
const obj = {
  b: this, // тоже Window 
}

a === obj.b // true

arguments.callee, но это свойство недоступно в strict mode. В частности, в модулях.

Ну, или просто дайте функции имя, чего жадничать-то : )

(function toster() {
  console.log(toster);
})();

заведите переменную счётчик:

let offset = 0;
async function requestAndTreatment() {
  // ...
  const point = res.data[offset++];
  data.addData([[res.timestamp, point.open, point.high, point.low, point.close]]); 
}

вообще перепроверьте логику: мне кажется странным, что из данных API вы хотите с каждым разом брать следующую позицию. Как будто они одни и те же каждый раз. А как до конца дойдёте, что дальше?

main.querySelectorAll('.element__button')
  .forEach(el => el.addEventListener('click', () => el.classList.add('element__button_active')));

Если задача иметь каждый раз «актуальные» секунды,
наверное, стоит сделать геттер для свойства second,
который каждый раз будет вычислять значение:

const timerObject = {
  DATE: new Date(),
  listDATE: {
    get second() {
      return new Date().getSeconds();
    },
  },
};

// читать, как обычно
console.log( timerObject.listDATE.second );

// через секунду
setTimeout(() => console.log( timerObject.listDATE.second ), 1000); // на 1 больше

Сеттер вроде при этой задаче и не требуется. Просто хочется получать каждый раз актуальное значение?
Ну или ещё проще, сделайте просто метод:

const timerObject = {
  DATE: new Date(),
  listDATE: {
    second: () => new Date().getSeconds(),
  },
};

// использование
console.log( timerObject.listDATE.second() );

Если без внешних инструментов с бесплатным триалом и деньжищами за использование,
можно через Docker API получать живой стрим событий. Отфильтровать в нём только интересующие, например, container=<string> когда имя интересующего контейнера известно и постоянно.

Но вообще присмотритесь подробнее к опции restart – пусть контейнер перезапускается автоматом после падения. И может, при запуске как-то куда-то отправляет «Доброе утро, админ!»

Модули импортируются статически, ещё до выполнения любого кода.

Есть вариант динамического асинхронного импорта import(moduleName). Но у этого способа главный недостаток: WebPack соберёт в отдельный чанк все файлы с флагами, и бандл будет тяжеловат.

Если хочется красоты, можно заморочиться и дописать модуль, где прописаны импорты и тут же экспорты всех флагов. Типа

import ru from "svg-country-flags/svg/ru.svg";
import ua from "svg-country-flags/svg/ua.svg";
// ...

// и там же экспорты:
export ru;
export ua;
// ...

Тогда достаточно будет одной строкой импортировать нужные флаги import { ru, ua } from './mySuperModule';И Webpack разберётся и включит в бандл только нужное.

Когда напишете такой вспомогательный модуль, отправьте, пожалуйста, pull-request в тот репо.