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

Создать промежуточный объект-словарь.
Ключи – префиксы – общие части строк, до точки: "0", "1", "2"...
Значения – массивы с исходными объектами.

const results = Object.values(arr.reduce((acc, c) => {
    const prefix = c.id.split('.')[0];
    acc[prefix] = [...acc[prefix] ?? [], c];
    return acc;
  }, {})
);

/* [
  [{"id":"0"},{"id":"0.0"},{"id":"0.1"},{"id":"0.2"},{"id":"0.3"}],
  [{"id":"1"},{"id":"1.0"},{"id":"1.1"}],
  [{"id":"2"},{"id":"2.0"},{"id":"2.1"},{"id":"2.2"}],
] */

Таски "active" и "ready", вероятно, ничем не отличаются по структуре. Поэтому можно их отдавать с бэка единой кучкой. Добавить каждому флаг isDone (true / false).

Раскидать их по панелям дашборда можно уже на фронте.

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

Как реализовать это во Vue — решать вам. Можно прикрутить Vuex и разобраться с глобальным стейтом и мутациями. Можно просто держать массив всех тасков в общем корневом компоненте, в нём же фильтровать активные / готовые и раздавать в дочерние через пропсы. Как из дочерних менять состояние родителей — распространённый вопрос и есть несколько решений. Удачных поисков!

Если же состояние тасков меняется откуда-то ещё на бэке, т.е. инициатива изменений не в вашем фронте, а на бэке — придётся либо прикручивать сокеты, либо раз в секунду справшивать бэк «есть ли новости?», но это очень плохое решение. Лучше сокеты.

Оставить только те элементы массива, что больше суммы всех правее.

Двигаться справа налево. Накапливать сумму. Сранивать очередной элемент с накопленной суммой.

const getLeaders = numbers =>
  numbers.reduceRight(
    (acc, c) => { // acc – аккумулятор, c – очередной элемент массива
      if (c > acc.sum) { // если больше суммы тех, что правее
        acc.result.unshift(c); // положить в массив результатов
      }
      acc.sum += c; // накапливать сумму
      return acc; // аккумулятор пойдёт в следующую итерацию
    },
    { result: [], sum: 0 } // начальное значение acc
  )
  .result; // в итоге интересует только массив result

// использование
getLeaders([16, 17, 5, 4, 3, 1])  // [ 17, 3, 1 ]

const arrA = a[0].trim().split("\n");
// [ "123", "1234", "12345", "123456" ]

const arrB = b[0].trim().split("\n");
// [ "a", "b", "c", "d" ]

const arrAB = arrA.map((str, index) => `${arrB[index]}: ${str}`);
// [ "a: 123", "b: 1234", "c: 12345", "d: 123456" ]

arrAB.join("\n")
/*
"a: 123
b: 1234
c: 12345
d: 123456"
*/

upd. ..и тут вопрос полностью изменили.

const a = ['123', '1234', '12345', '123456'];
const b = ['a', 'b', 'c', 'd'];

const replace = (search, a, b) => {
  const result = a.slice(); // копия
  const index = a.indexOf(search);
  if (index > -1) result.splice(index, 1, b[index]);
  return result;
}

replace('1234', a, b)
// [ "123", "b", "12345", "123456" ]

Удалить все:

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

всё так же, называется по-другому

Создать приложение ВК, Встраиваемое приложение, Игра.
В Настройках указать «Адрес iFrame»

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