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

Сетевые запросы асинхронны по своей природе: выполняются непредсказуемо долго.

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

function getIndex(adr) {
  // ...
  return fetch(ajaxurl, {
    method: 'POST',
    body: formData
  }).then(resp => resp.text())
    .then(showResult)
    // парашютики не забываем:
    .catch(err => console.error(err));
}

function showResult(data) {
  console.log(data);
}

getIndex('https://ya.ru/'); // вернёт промис, ну и фиг с ним

Либо поместите всю логику дальнейшей работы с результатом прямо в цепочку промисов:

function getIndex(adr) {
  // ...
  return fetch(ajaxurl, {
    method: 'POST',
    body: formData
  }).then(resp => resp.text())
    .then(showResult)
    .catch(err => console.error(err));
}

getIndex('https://ya.ru/')
  .then(data => {
    document.querySelector('#output').innerText = data;
  })
  .catch(err => console.error(err));

из комментов выяснилась проблема, которая была решена.

Рекомендуемое решение:

const results = [];
const promises = [];

for (let i = 0; i < 10; i++) {
  promises.push(
    fetch('/user', {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({user: i}),
      })
      .then(response => response.json())
      .then(data => results.push(data))
      .catch(err => console.error(err))
  );
}

Promise.all(promises)
  .then(() => console.log("All 10 done!", results));

Для реализации задуманного нужен момент окончания работы очередной функции – чтобы от него считать 2 секунды.

В вопросе не раскрыта природа функций в массиве: то ли они мгновенно отрабатывают, то ли занимают продолжительное время. Синхронные или асинхронные. Что эти функции возвращают: Promise, значение или ничего?

Можно обернуть каждую в Promise с таймаутом:

[func1, func2, func3]
  // обернуть каждую в Promise:
  .map((f) => () => new Promise((res, rej) => {
    f();
    setTimeout(res, 2000));
  })
  // и собрать цепочку из этих промисов:
  .reduce((acc, c) => acc.then(c()), Promise.resolve());

Если эти функции асинхронные, то заменить

-    f();
-    setTimeout(res, 2000));
+    f()
+    .then(() => setTimeout(res, 2000)));

async componentDidMount() {
    const lastSongsResponse = await fetch("https://api.laut.fm/station/key/last_songs");
    const lastSongs = await lastSongsResponse.json();
    lastSongs.length = Math.min(7, lastSongs.length);

    const promises = lastSongs.map((song) => new Promise((resolve, reject) => {
        const params = {
            method  : 'album.getInfo',
            artist  : song.artist.name.replace(' & ', ', '),
            album   : song.album,
            api_key : 'apikey',
            format  : 'json',
        };

        const url = "https://ws.audioscrobbler.com/2.0/?" + Object.keys(params).map((key) => `${key}=${params[key]}`).join('&');

        const cover = await fetch(url)
            .then((response) => response.json())
            .then((songData) => songData.album.image[4]["#text"])
            .catch(err => reject(err));

        const date = new Date(song.started_at);

        const songData = {
            id1        : song.id,
            id2        : song.id + 1,
            artist     : song.artist.name,
            title      : song.title,
            cover      : cover,
            started_at : date.getHours() + ':' + date.getMinutes().toString().padStart(2, '0')
        }
        
        resolve(songData);
    }));

    const results = await Promise.all(promises);

    this.setState({ results: results })
}

const deferred = () => {
  Promise.prototype.resolve = () => {}; // чтобы не было ошибок )
  return Promise.resolve("web");
}

«Нормальное» решение:

// проверка
deferred()
  .then(function(res) {
    console.log(200, res);
    return "lab";
  })
  .then(function(res) {
    console.log(100, res);
  })
  .resolve("web");

// реализация
function deferred() {
  function Box() {
    this.queue = [];
  }

  Box.prototype.then = function(func) {
    this.queue.push(func);
    return this;
  }

  Box.prototype.resolve = function(first_arg) {
    let arg = first_arg;
    while (this.queue.length)
      arg = this.queue.shift().call(this, arg);
  }

  return new Box;
}

При изменении любого проверять всю коллекцию: если этот последний, выключать его нельзя:

Что-то типа такого

const appendByAttr = (title, subtitle) => jQuery(`a[title="${title}"] ~ .ammenu-submenu-container .ammenu-item.-child.-col-4 a[title="${subtitle}"] ~ ul li:last-child`)
  .append($(`a[title="${title}"] ~ .ammenu-submenu-container .ammenu-item__extra`));

appendByAttr('Title 1', 'Subtitle 1');
appendByAttr('Title 2', 'Subtitle 2');
appendByAttr('Title 3', 'Subtitle 3');

"23к1с2".split(/[а-яй]+/)  // [ "23", "1", "2" ]
"23к1с2".match(/([а-яй]+)/g)  // [ "к", "с" ]

YaParse = (str) => {
  const nums = str.split(/[а-яй]+/)  // [ "23", "1", "2" ]
  const parts = str.match(/([а-яй]+)/g)  // [ "к", "с" ]
  parts.unshift("дом");

  return nums.reduce((acc, c, i) => (acc[parts[i]] = c, acc), {});
}

console.log(YaParse("23к1с2")); // { "дом": "23", "к": "1", "с": "2" }

буква-цифра ИЛИ цифра-буква:
/(([a-zA-Z].*\d)|(\d.*[a-zA-Z]))/