链式调用数组方法
本课属于 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在这个示例中,我们从一个数字数组开始,筛选出奇数,将剩下的每个数字加倍,然后把结果相加。
链式调用的顺序很重要。链中的每个方法都会对前一个方法的结果进行操作。
挑战
简单创建一个名为 processFruits 的函数,它接收一个由水果对象组成的数组。每个水果对象都有 name(字符串)和 quantity(数字)属性。
该函数应使用链式数组方法来:
- 筛选出数量为 0 的水果
- 将每个水果名称转换为大写
- 创建一个字符串,列出所有水果及其数量,例如 "APPLE: 5, BANANA: 3"
简单提醒一下:
你可以使用 .join(", ") 函数,将一个字符串数组转换成一个字符串。
甚至可以将 .join() 函数也链接起来使用:
arr.filter(...)
.map(...)
.join(...)亲手试试
function processFruits(fruits) {
// 在这里编写你的代码
}
这节课包含一个小测验。开始学习即可作答,并记录你的进度。
逻辑与流程中的所有课
自己练习: JavaScript 在线编译器