Menu
CoddyTech

链式调用数组方法

本课属于 Coddy JavaScript 学习旅程的“逻辑与流程”单元。第 55 课,共 65 课。

数组链式调用可以让你在一条语句中对数组执行多个操作。这种方式能让代码更简洁、更易读。

下面是链式调用数组方法的示例:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

在这个示例中,我们从一个数字数组开始,筛选出奇数,将剩下的每个数字加倍,然后把结果相加。

链式调用的顺序很重要。链中的每个方法都会对前一个方法的结果进行操作。

challenge icon

挑战

简单

创建一个名为 processFruits 的函数,它接收一个由水果对象组成的数组。每个水果对象都有 name(字符串)和 quantity(数字)属性。

该函数应使用链式数组方法来:

  1. 筛选出数量为 0 的水果
  2. 将每个水果名称转换为大写
  3. 创建一个字符串,列出所有水果及其数量,例如 "APPLE: 5, BANANA: 3"

简单提醒一下:

你可以使用 .join(", ") 函数,将一个字符串数组转换成一个字符串。

甚至可以将 .join() 函数也链接起来使用:

arr.filter(...)
   .map(...)
   .join(...)

亲手试试

function processFruits(fruits) {
  // 在这里编写你的代码
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

逻辑与流程中的所有课

自己练习: JavaScript 在线编译器