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

Удалить все:

Object.keys(items).forEach(key => delete items[key]);

async requestToSuip(suip, num_oper = '') {
  const exampleData = {
    result: false,
    requisite: "",
    amount: 0,
    created: null,
    suip: null
  };

  const url1 = "http://api-1/sber/cashout/suip/" + suip;
  const url2 = "http://api-2/sber/cashout/txnid/" + num_oper;

  const {data: data1} = await axios.get(url1);
  const isEqual = Object.keys(exampleData)
    .every(prop => exampleData[prop] === data1[prop]);
  if (isEqual === false) {
    return data1;
  }
  
  const {data: data2} = await axios.get(url2);

  return {
    ...data1,
    ...data2, // поля из data2 перезапишут такие же из data1
  };
}

Можно обращаться к глобальной переменной как к свойству универсального для браузеров / NodeJS / WebWorker'ов объекта globalThis

function deep() {
  function veryDeep() {
    const inception = () => {
      // во глубине сибирских руд:
      globalThis.myGlobalVar = 'Habr'; // глобализм!
    };
    inception();
  }
  veryDeep();
}
deep();

console.log(myGlobalVar); // "Habr"

const func = (s, a, b) => Math.max(s.lastIndexOf(a), s.lastIndexOf(b));

UI (user interface) — то, с чем непосредственно взаимодействует User: от фона сайта до кнопок, картинок и надписей.

UX (user experience) — весь опыт/впечатления пользователя в процессе взаимодействия с брендом: от «впервые услышал от знакомых» до «зашел на сайт, всё понял, удобно нашёл, купил, подписался, обращался за обслуживанием/ремонтом, порекомендовал друзьям».

Папки в своём проекте можете называть, как считаете нужным. Хорошо бы это было понятно другим разработчикам, которые попытаются разобраться с творением после вас. Вы же напишете исчерпывающую документацию, чтобы UX разработчиков был максимально позитивным? )

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

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() );