10 个值得掌握的 reduce 技巧-Toy模板网

这篇具有很好参考价值的文章主要介绍了10 个值得掌握的 reduce 技巧。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

作为一个前端开发者，一定有接触过 reduce 函数，它是一个强大而实用的数组方法，熟练掌握 reduce 的使用可以在开发中提高开发效率和代码质量。本文介绍的 reduce 的 10 个技巧值得拥有，可以让你少写很多代码！

reduce 方法在数组的每个元素上执行提供的回调函数迭代器。它传入前一个元素计算的返回值，结果是单个值，它是在数组的所有元素上运行迭代器的结果。

迭代器函数逐个遍历数组的元素，在每一步中，迭代器函数将当前数组值添加到上一步的结果中，直到没有更多元素要添加。

语法

参数包含回调函数和可选的初始值，如下：

array.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

callback（必须）：执行数组中每个值（如果没有提供 initialValue 则第一个值除外）的 reducer 函数，包含四个参数* accumulator（必须）：累计器累计回调的返回值; 它是上一次调用回调时返回的累积值，初始值可以通过initialValue定义，默认为数组的第一个元素值，累加器将保留上一个操作的值，就像静态变量一样* currentValue（必须）：数组中正在处理的元素* index（可选）：数组中正在处理的当前元素的索引。如果提供了 initialValue，则起始索引号为 0，否则从索引 1 起始。> 注意：如果没有提供 initialValue，reduce 会从索引 1 的地方开始执行 callback 方法，跳过第一个索引。如果提供 initialValue，从索引 0 开始。* array（可选）：调用 reduce() 的数组* initialValue（可选）：作为第一次调用 callback 函数时的第一个参数的值。如果没有提供初始值，则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。

1. 计算数组的最大值和最小值

有很多种方式可以获取数组的最大值或最小值？

使用 Math.max 和 Math.min

使用 Math 的 API 是最简单的方式。文章来源地址https://www.toymoban.com/news/detail-764178.html

const arrayNumbers = [-1, 10, 6, 5, -3];
const max = Math.max(...arrayNumbers); // 10
const min = Math.min(...arrayNumbers); // -3
console.log(`max=${max}`); // max=10
console.log(`min=${min}`); /

到了这里，关于10 个值得掌握的 reduce 技巧的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！