学习如何使用最强大的 JavaScript 函数.pdfVIP

今天你将学习如何使用**最强大的** JavaScript 函数。 数组归 “Array.reduce是最强大的 JavaScript Function. 时期。 ” reduce 有什么作用？为何如此强大？ 这是 reduce 的技术定义 Array.prototype.reduce() reduce() 方法对数组的每个元素执行（您提供的）reducer 函数，从而产生单 个输出值。 如果你问我的话，这没什么帮助，所以让我们边做边学 1. 求所有数字的总和（使用 reduce） [3, 2.1, 5, 8].reduce((total, number) = total + number, 0)// loop 1: 0 + 3// loop 2: 3 + 2.1// loop 3: 5.1 + 5// loop 4: 10.1 + 8// returns 18.1 2. 求所有相乘数的总和 [3, 2.1, 5, 8].reduce((total, number) = total * number, 1) 如图所示，将数组中的所有数字相加或相乘非常容易。但是， -我说过， reduce 是所有 JS 中最强大的函数。 假设我们有 3、4、10 和 60。假设我们想要获得一些值。 或者，更具体地说，我们想要 filter 这些值，并且只返回小于 10 的值。 通常，我们可以简单地使用该 filter 函数，只返回小于 10 的数字。 3. 使用 reduce 进行 Array.Filter [3, 4, 10, 60].filter(number = number 10) 好吧，使用 reduce——我们可以做同样的事情。 [3, 4, 10, 60].reduce((list, number) = number 10 ? [...list, number] : list, []) 拉拉，我们用 reduce 替换了过滤器 - 很酷，但说实话。这仍然不能证明 reduce 它是所有 JavaScript 中最强大的功能。 如果我告诉你，我们可以继续沿着这条路走，并使用 reduce 替换 JavaScript 中的几乎所有数组函数，会怎么样？ 4. 重新创建 Array.some 使用 Array.reduce [3, 4, 10, 50].some(number = number 50)// returns true (We have some numbers in the array are less than 50) 使用 reduce，我们只需将初始值设置为 false。如果条件已经为真，那么我们 返回该条件。如果条件尚不成立，那么我们检查当前数字是否满足我们的条 件。 [3, 4, 10, 50].reduce((condition, number) = condition === true ? condition : number 50, false) 请注意，这次我们以 bool (false) 作为初始值，而不是使用数字或数组。 我们现在已经求和、相乘、过滤并重新创建了一些（也称为使用 reduce 有条 件地检查数组上的某些内容）。 我们还可以继续 Array.every 使用 using 替换该函数，但由于这与替换 usingArray.reduce 类似，因此我们也可以轻松地做到这一点。 Array.someArray.reduce 5.Array.join4.使用 怎么样 Array.reduce？ 替换Array.join 为 Array.reduce [truck, car, people].join(-)// truck-car-people 使用 Array.reduce 我们可以编写以下代码 [truck, car, people].reduce((text, word) = `${text}-${word}`, )// -truck-car-people 请注意，输出的前面有一个破折号。 作为函数的第一个参数接受的回调函数 Array.reduce 接受更多参数。我们可以 使用第三个接受的参数来跟踪我们 index 的 reduce 函数 [truck, car, people].reduce((text, word, index) = index === 0 ? word : `${text}-${word}`, )// truck-