10、JavaScript 数组方法：链式调用、reduce 及循环优化

JavaScript 数组方法：链式调用、reduce 及循环优化

1. 链式调用数组方法

链式调用是编程中的一个古老概念，在许多面向对象语言中都能找到它的身影。简单来说，链式调用就是在返回的对象（有时就是原始对象）上立即调用方法，而无需先重新赋值。在 JavaScript 中，链式调用可以让我们连续调用多个数组方法，只要每个方法返回的是数组，就可以继续调用其他数组方法。

例如，我们有一个俱乐部成员的数组，每个成员对象包含姓名、活跃状态和电子邮件地址。我们的目标是向活跃成员发送邀请邮件。

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.for