10、JavaScript 数组方法与循环优化技巧

JavaScript 数组方法与循环优化技巧

1. 链式调用数组方法

在编程中，链式调用是一个古老的概念，在许多面向对象语言中都能找到它的身影。链式调用听起来复杂，但实际使用起来并不难。简单来说，链式调用就是直接在返回的对象（有时就是原始对象）上调用方法，而无需先重新赋值。

以向俱乐部成员发送通知为例，假设俱乐部成员数组包含成员状态和邮箱地址等信息：

const sailors = [
  {
    name: 'yi hong',
    active: true,
    email: 'yh@yhproductions.io',
  },
  {
    name: 'alex',
    active: true,
    email: '',
  },
  {
    name: 'nathan',
    active: false,
    email: '',
  },
];

如果要向活跃成员发送邀请，传统做法需要多次赋值：

// 过滤出活跃成员
const active = sailors.filter(sailor => sailor.active);
// 规范化邮箱地址
const emails = active.map(member => member.email || `${member.name}@wiscsail.io`);
// 发送邀请
emails.forEach(sailor => sendEmail(sailor));
</