如何在JavaScript中遍历数组逐一获取邮箱地址并实现邮件发送？

嘿，这个需求在日常开发里挺常见的，我给你整理几种实用的遍历方式，你可以根据自己的场景来选：

1. 基础for循环 #

最经典的遍历方式，优势是能灵活控制循环流程（比如中途break终止循环、continue跳过某次迭代），适合需要精细控制的场景：

const emailList = [{email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}];

for (let i = 0; i < emailList.length; i++) {
  const currentEmail = emailList[i].email;
  // 这里替换成你的发邮件逻辑，比如调用sendEmail(currentEmail)
  console.log(`准备发送邮件到：${currentEmail}`);
}

2. 数组forEach方法 #

写法简洁直观，是数组自带的遍历API，适合不需要中断循环的场景：

const emailList = [{email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}];

emailList.forEach(item => {
  const currentEmail = item.email;
  // 执行发邮件操作
  console.log(`准备发送邮件到：${currentEmail}`);
});

3. ES6 for...of循环 #

可读性非常高的语法，同时支持break/continue控制循环，兼顾了简洁性和灵活性：

const emailList = [{email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}];

for (const item of emailList) {
  const currentEmail = item.email;
  // 发邮件逻辑
  console.log(`准备发送邮件到：${currentEmail}`);
}

额外提示：异步发邮件的处理 #

如果你的发邮件操作是异步的（比如调用后端API，返回Promise），可以结合async/await来保证流程正确：

• 按顺序发送（适合需要确保前一封发送成功再发下一封的场景）：

const emailList = [{email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}, {email: 'xyz@gmail.com'}];

// 假设sendEmail是返回Promise的异步函数
async function sendAllEmailsSequentially() {
  for (const item of emailList) {
    await sendEmail(item.email);
    console.log(`邮件已发送到：${item.email}`);
  }
}

sendAllEmailsSequentially();

• 并行发送（适合不需要顺序，想提高发送效率的场景）：

async function sendAllEmailsInParallel() {
  const sendPromises = emailList.map(item => sendEmail(item.email));
  await Promise.all(sendPromises);
  console.log('所有邮件发送完成');
}

sendAllEmailsInParallel();

内容的提问来源于stack exchange，提问作者Vishu