如何让For循环在迭代到下一个元素之前等待回调？

async function asyncForEach(array, callback) {
  for (let index = 0; index < array.length; index++) {
    await callback(array[index], index, array);
  }
}

asyncForEach([1, 2, 3, 4, 5], async (element, index, array) => {
  // 模拟异步操作，比如发送网络请求或者读取文件等
  await new Promise(resolve => setTimeout(resolve, 1000));
  console.log(`Element ${element} at index ${index}`);
});

function asyncForEach(array, callback) {
  let index = 0;

  function next() {
    if (index < array.length) {
      const element = array[index];
      index++;
      
      // 模拟异步操作，比如发送网络请求或者读取文件等
      setTimeout(() => {
        callback(element, index - 1, array);
        next();
      }, 1000);
    }
  }

  next();
}

asyncForEach([1, 2, 3, 4, 5], (element, index, array) => {
  console.log(`Element ${element} at index ${index}`);
});