DEV Community
·
JavaScript 数组方法：map()、filter() 和 reduce()
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
map、filter和reduce是JavaScript处理数组的三种方法。map用于转换元素，filter用于筛选元素，reduce用于合并元素为单一值。这些方法可以链式调用以实现复杂操作。
🎯
关键要点
- map、filter和reduce是JavaScript处理数组的三种方法。
- map()方法用于通过对原数组的每个元素应用函数来创建新数组，不改变原数组。
- filter()方法用于创建仅包含满足特定条件的元素的新数组，不改变原数组。
- reduce()方法用于将数组的所有元素合并为单一值，不改变原数组。
- map()用于转换数组中的每个元素，filter()用于选择满足条件的元素，reduce()用于将元素合并为一个值。
- 可以将这些方法链式调用以执行复杂操作。
- 示例展示了如何使用map、filter和reduce处理数组。
- 练习题提供了使用map、filter和reduce的实际应用场景。
❓
延伸问答
map()方法的作用是什么？
map()方法通过对原数组的每个元素应用函数，创建一个新数组，不改变原数组。
如何使用filter()方法筛选数组元素？
filter()方法用于创建一个新数组，仅包含满足特定条件的元素，不改变原数组。
reduce()方法是如何工作的？
reduce()方法将数组的所有元素合并为一个单一值，不改变原数组，通常用于聚合数据。
map、filter和reduce这三种方法有什么区别？
map用于转换每个元素，filter用于选择满足条件的元素，reduce用于将元素合并为一个值。
可以将map、filter和reduce方法链式调用吗？
可以，这些方法可以链式调用以执行复杂的数组操作。
给一个使用map、filter和reduce的实际例子。
例如，可以先用map将数组中的数字翻倍，再用filter筛选出大于5的数字，最后用reduce求和。
➡️
