遍历以异步方式添加的元素可以使用Promise和async/await来实现。下面是一个使用JavaScript的代码示例：

// 创建一个包含异步操作的函数
async function addElement(array, element) {
  // 模拟异步操作，这里使用了setTimeout来延迟添加元素
  await new Promise(resolve => setTimeout(resolve, 1000));
  array.push(element);
  console.log(`Added element: ${element}`);
}

// 创建一个异步函数来遍历添加元素
async function traverseAsyncElements(elements) {
  const array = [];

  for (const element of elements) {
    await addElement(array, element);
  }

  console.log('Traversal completed');
  console.log('Resulting array:', array);
}

// 调用遍历函数
traverseAsyncElements([1, 2, 3, 4, 5]);

在上面的示例中，addElement函数使用了await关键字来等待异步操作完成后再添加元素到数组中。traverseAsyncElements函数使用for...of循环来遍历元素，并调用addElement函数进行异步添加操作。最后，我们输出遍历完成后的数组。

这样的实现方式可以确保在添加元素之前，先等待前一个元素的添加操作完成，从而实现了遍历以异步方式添加元素的功能。